代码之家 › 专栏 › 技术社区 › user310291

数据是angularjs中的保留关键字吗?

angularjs

user310291 · 技术社区 · 6 年前

如果我使用 data in lst ,如果我代替 data 具有 x ,那么数据是angularjs中的保留关键字吗?为什么?

<script src="http://ajadata.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body ng-app='app1'>
  <div id='Grocery' ng-controller='Grocery'>
    <h3>Grocery List</h3>
    <div ng-repeat='data in lst'>
      <h4>{{data.item}}</h4>
    </div>
    <br>

    <p> enter item:
      <input type="text" ng-model='addItem' />
    </p>
    <button ng-click='addTolist(addItem)'>Add to list</button>
    <button ng-click='addTolist(addItem)'>Add to list</button>
    <h2>{{NoItemError}}</h2>
  </div>
  <!-- End of Grocery -->
  <script>
    var app1 = angular.module('app1', []);
    app1.controller('Grocery', function($scope) {
      $scope.lst = [{
          item: 'banana',
          needed: false
        },
        {
          item: 'apple',
          needed: false
        },
        {
          item: 'milk',
          needed: false
        },
        {
          item: 'tomato',
          needed: false
        },
        {
          item: 'juice',
          needed: false
        }
      ]
      $scope.addTolist = function(addItem) {
        if (!(addItem === undefined || addItem === '')) {
          $scope.lst.push({
            item: addItem,
            needed: false
          });
          $scope.NoItemError = '';
        } else {
          $scope.NoItemError = 'Please enter an item';
        }
      }
    });
  </script>
</body>

1 回复 | 直到 6 年前

Aleksey Solovey 6 年前

在用另一个替换文本时,您破坏了AngularJS脚本的CDN URL。
它变成了 http://ajadata.googleapis.com

把它改成 http://ajax.googleapis.com

以下是完整的脚本:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

下面是代码的一个工作示例:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body ng-app='app1'>
  <div id='Grocery' ng-controller='Grocery'>
    <h3>Grocery List</h3>
    <div ng-repeat='data in lst'>
      <h4>{{data.item}}</h4>
    </div>
    <br>

    <p> enter item:
      <input type="text" ng-model='addItem' />
    </p>
    <button ng-click='addTolist(addItem)'>Add to list</button>
    <button ng-click='addTolist(addItem)'>Add to list</button>
    <h2>{{NoItemError}}</h2>
  </div>
  <!-- End of Grocery -->
  <script>
    var app1 = angular.module('app1', []);
    app1.controller('Grocery', function($scope) {
      $scope.lst = [{
          item: 'banana',
          needed: false
        },
        {
          item: 'apple',
          needed: false
        },
        {
          item: 'milk',
          needed: false
        },
        {
          item: 'tomato',
          needed: false
        },
        {
          item: 'juice',
          needed: false
        }
      ]
      $scope.addTolist = function(addItem) {
        if (!(addItem === undefined || addItem === '')) {
          $scope.lst.push({
            item: addItem,
            needed: false
          });
          $scope.NoItemError = '';
        } else {
          $scope.NoItemError = 'Please enter an item';
        }
      }
    });
  </script>
</body>

在英语中,大多数保留词都是从

,例如


   $index

或

$id

等等。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前