源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Angularjs中controller的三种写法分享

  • 时间:2020-05-16 12:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Angularjs中controller的三种写法分享
[b]前言[/b] 在Angular中,Directive、Service、Filter、Controller都是以工厂方法的方式给出,而工厂方法的参数名对应着该工厂方法依赖的Service。angularjs中controller其实就是一个方法,它有三种写法,下面来一起看看吧。 [b]第一种:[/b]
<pre name="code" class="javascript">var AppController = ['$scope', function($scope){ 
   $scope.notifyServiceOnChage = function(){ 
   console.log($scope.windowHeight); 
 }; 
}]; 
app.controller('AppController',AppController); 
在定义[code]AppController[/code]的时候,先声明方法需要注入的参数,然后再定义方法体。最后将[code]AppController[/code]绑定到app上。 [b]第二种:[/b]
app.controller('AppController', function($scope){ 
  $scope.notifyServiceOnChage = function(){ 
   console.log($scope.windowHeight); 
 }; 
}) 
直接在app的controller属性定义,首先是controller名字,然后是方法体。 [b]第三种:[/b]
function AppController($scope) { 
  $scope.notifyServiceOnChage = function(){ 
   console.log($scope.windowHeight); 
 }; 
}   
直接写方法,然后在[code]ng-controller[/code]引用该方法 [b]总结[/b] 以上就是关于angularjs中controller三种写法的全部内容,不知道大家都学会了没有,希望这篇文章的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部