控制器AngularJS的几个(多个)功能

时间:2016-11-27 13:50:35

标签: angularjs function scope controller

我想在一个控制器中使用多个功能。第一个家庭发出请求,按下按钮显示页面的第二部分(如http://www.w3schools.com/angular/tryit.asp?filename=try_ng_events_toggle所示)。 第一个功能正常,但第二个功能没有。

app.controller('DemoCtrl', function($http) {},function($scope){})

这是控制器的第二个功能:

    function($scope){
  $scope.showMe=false;
 $scope.myFunc=function() {
     $scope.showMe=!$scope.showMe;
 }

按照计划,按一下按钮就会显示页面: ``

<body ng-app="jsbin">
  <div ng-controller="DemoCtrl as vm">
   <button ng-click="myFunc()">Click Me!</button>
     <div ng-show=vm.showMe>
         <h1>Menu:</h1>
         <div>Pizza</div>
         <div>Pasta</div>
         <div>Pesce</div>
     </div>
       </div>

` SOURSE:http://zalil.su/3296697

1 个答案:

答案 0 :(得分:0)

angular controller接受一个具有所有依赖关系的函数。     app.controller(&#39; DemoCtrl&#39;,function($ http,$ scope){      $ scope.showMe = FALSE;

 $scope.myFunc=function() {
 $scope.showMe=!$scope.showMe;
 }

 $scope.makeAjax= function(){
    $http.something()...
 }

})

通过此链接https://docs.angularjs.org/guide/controller