如何通过使用angularjs从另一个组件单击按钮来更改一个组件的视图?

2o7dmzc5  于 2021-09-23  发布在  Java
关注(0)|答案(0)|浏览(209)

我是angularjs的新手,需要帮助。我在index.html中有两个组件(欢迎和聊天)和两个测试按钮,它们可以相互切换。

<div ng-switch on ='view'>
    <button ng-click='view="welcome"'>Welcome</button>
    <button ng-click='view="chat"'>Chat</button>
    <welcome ng-switch-when='welcome' ></welcome>
    <chat ng-switch-when='chat'></chat>

  </div>

“welcome.html”有一个 <button>Start chat</button> . 如何转移测试的行为 <button ng-click='view="chat"'>Chat</button> 将index.html中的 <button class="start-chat-button" ng-click="view='chat'">Start chat</button> 在welcome.html中?现在,此按钮不会切换视图。
ng开关的代码:

angular.module('myApp', [
      'ngRoute',
      'myApp.welcome',
      'myApp.chat',
      'myApp.version'
    ])
    .controller('View', ['$scope', function($scope) {
      $scope.view = 'welcome';
    }]);

提前谢谢!

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题