个人中心
gpt4 book ai didi

JavaScript Angular 1.5.x Controller

转载 作者：行者123 更新时间：2023-11-29 19:09:11 25 4
gpt4 key购买 nike

在学习 Angular 1.5 时，我对标签的用法感到非常困惑。

也就是说，我不明白为什么需要一个“全局”对象来包含 Controller 中的变量。

JS 斌:http://jsbin.com/puyayocomi/11/edit?html,js,output

问题是:为什么我们不能调用直接在 Controller 中创建的变量，而不是使用全局对象(在本例中称为“命名空间”)来保存所有 Controller 变量？

索引.html :

<!DOCTYPE html>
<html ng-app="todoApp">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    </head>
    <body>
        <h2> Angular Controllers </h2>

        <!-- Why not : ng-controller="todoCtrl" -->
        <div ng-controller="todoCtrl as namespace">
        <!--                                    -->    
            <ul class="unstyled">
                <!-- Why not : ng-repeat="todo in todos" -->
                <li ng-repeat="todo in namespace.todos">
                <!--                                     -->
                    <label class="checkbox">
                        <input type="checkbox" ng-model="todo.done">
                        <span class="done-{{todo.done}}">{{todo.text}}. </span>
                    </label>
                </li>
            </ul>
        </div>
    </body>
</html>

JavaScript:

console.log( 'Hello Script!' );

angular.module( 'todoApp',[] ).controller( 'todoCtrl',function()
{
    var namespace = this;

    namespace.todos =
    [
    { text:'one', done:true },
    { text:'two', done:false }
    ];

    /* 
    <!-- Why not : -->

    var todos =
    [
    { text:'one', done:true },
    { text:'two', done:false }
    ];
    */
})

最佳答案

它基本上归结为函数作用域在 JavaScript 中的工作方式:

function Controller() {
  // local variable
  var foo = 1;

  // instance property
  this.bar = 2;
}

// imagine Angular creates an instance of your controller like this:
var instance = new Controller();
console.log('foo', instance.foo) // undefined
console.log('bar', instance.bar) // 2

所以，简而言之:局部变量不能从函数外部访问，而绑定(bind)到 this 的属性可以。

关于JavaScript Angular 1.5.x Controller ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40451315/

25 4 0
文章推荐： JavaScript 函数默认参数 - 奇怪的行为
文章推荐： Android 即时应用程序设计
文章推荐： php - 如何从mysql表获取cytoscape.js中的节点和边数据
文章推荐： java - 媒体 Controller 不工作
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com