展开

关键词

AngularJS 中的 controllerAs

但是, 有一个细节可能很多人没有注意到, 那就是 controllerAs , 上面的三种用法还可以分别这样使用: ... $routeProvider .when(my-url, { controller: MyController, controllerAs: ctrl });$stateProvider .state( myState, { controller: MyController, controllerAs: ctrl })那么, 使用了 controllerAs 有什么区别呢? 将直接绑定 Controller 的属性和方法, 而不使用 controllerAs 将绑定到为 Controller 注入的 $scope 参数, 下面用一个具体的例子来说明一下:不使用 controllerAs 上面的例子在使用 controllerAs 时, 可以修改成这样:angular .module(app, ; function TestController($window) { this.name

15220

Angularjs中UI Router超级详细的教程{{下}}

skip&limit,templateUrl: partialsphotos-detail-comment.html,controller: PhotoCommentController,controllerAs content.photos.detail,{url: detail:id,templateUrl: partialsphotos-detail.html,controller: PhotoDetailController,controllerAs content.photos.detail,{url:detail:id,templateUrl: partialsphotos-detail.html,controller: PhotoDetailController,controllerAs skip&limit,templateUrl: partialsphotos-detail-comment.html,controller: PhotoCommentController,controllerAs

65950
  • 广告
    关闭

    11.11智惠云集

    2核4G云服务器首年70元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularJS in Action读书笔记4(实战篇)——创建Statistic模块

    说明StatisticController控制器没有起到该起的作用,话句话说,就是StatisticController失效,所以需要注册到boot.js以激活使用 (2)controlleras参数的使用   如果你有读过Angello的代码,你就会发现,在angello的很多模块如users、storyboard等当中都是用了参数controllerAs  实验了上面步骤后发现页面是能够正常显示了,之后便渐渐靠近原先的设计 中将原先的路由改为:.when(statistic,{ templateUrl: srcangellostatistictmplstatistic.html, controller: StatisticCtrl, controllerAs 为了弄清楚这个controllerAs参数的使用,将这里的controllerAs:usesrs改为了controllerAs:users123  同时将statistic.html对应的users也改成了

    27270

    Angularjs中UI Router超级详细的教程{{上}}

    content.home,{url: home,views:{body@content:{templateUrl: partialshome.html,controller: HomeController,controllerAs photos,abstract: true,views:{body@content:{templateUrl: partialsphotos.html,controller: PhotoController,controllerAs content.photos.list,{url: list,templateUrl: partialsphotos-list.html,controller: PhotoListController,controllerAs content.photos.detail,{url: detail,templateUrl: partialsphotos-detail.html,controller: PhotoDetailController,controllerAs

    1.1K50

    AngularJS 路由--设置对象

    routeProvider.when(url, { template: string, templateUrl: string, controller: string, function 或 array, controllerAs

    6510

    基于requirejs和angular搭建spa应用1、常规实现2、引入Requirejs

    about, {23 url: about,24 templateUrl: .componentsaboutabout.tpl.html,25 controller: AboutController,26 controllerAs url: contact,32 templateUrl: .componentscontactcontact.tpl.html,33 controller: ContactController,34 controllerAs

    40430

    AngularJs ng-route路由详解

    when的第二个参数:controller:对应路径的控制器函数,或者名称controllerAs:给控制器起个别名template:对应路径的页面模板,会出现在ng-view处,比如xxxxtemplateUrl

    39960

    AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示

    statistic.html提供相应的功能和数据 更新了两个文件:  Angello.js:为页面跳转添加接口  boot.js:注册新建的js文件,以便新建的js文件投入使用  同时遇到了一些坑比如:  controllerAs Angello.js.when(statistic:userId, { templateUrl: srcangellostatistictmpldata.html, controller: DataCtrl, controllerAs

    45960

    Angular.js学习笔记(三)

    routeProvider.when(url, { template: string, templateUrl: string, controller: string, function 或 array, controllerAs

    19120

    Angular企业级开发(7)-MVC之控制器

    如果有多个控制器并行,或者多个层级的嵌套,我们有时很难区分在视图上使用时哪个控制器下的属性,可以使用ControllerAs来避免这个问题。

    32350

    webpack+es6+angular1.x项目构建

    appComponent = { restrict: E, template: require(.app.html), controller: function () { this.class = style; }, controllerAs

    33730

    AngularJs指令解密

    controllerAs (字符串String)用来设置控制器的别名,可以以此为名来发布控制器,并且作用域可以访问controllerAs。这样就可以在视图中引用控制器,甚至无需注入$scope。

    24470

    前端状态管理设计——优雅与妥协的艺术

    scope.name = tomy $scope.updateName = function() { $scope.name = sam }}scope 是angularjs的内置服务,为了避免一些作用域问题,推荐使用controllerAs

    19220

    相关产品

    • 云服务器

      云服务器

      腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券