代码之家 › 专栏 › 技术社区 › Krishnendu Sarkar

这是角度误差,我找不到

angularjs-module angularjs-controller angularjs javascript

Krishnendu Sarkar · 技术社区 · 9 年前

这是我的代码。。我在哪里出了问题。。。请帮我解决。。。我正在尝试创建一个控制器来填充提取数据并在html li部分中显示。。。但我不知道错误在哪里。。我尝试过添加jQuery min库,但没有添加它。。但失败。。请帮助我缩短这个问题。。

<html data-ng-app="myApp">
<head>
    <title>First Angular application</title>
</head>
<body>
    checkNames:
    <input type="text" data-ng-model="namek">
    <div class="container" data-ng-controller="SimpleController">
        <ul>
            <li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
        </ul>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script>
        function SimpleController($scope) {
            $scope.castomers = [{ name: 'krishnendu sarkar', city: 'kolkata' },
                                { name: 'chanchal sarkar', city: 'bangalore' },
                                { name: 'nilava chakraborty', city: 'pune' }]
        };
    </script>
</body>
</html>

提前谢谢。。

2 回复 | 直到 9 年前

Pankaj Parkar 9 年前

您应该创建和 angular 模块名为 myApp 那么你可以 data-ng-controller="SimpleController" 把它移过去 body 标记,以便 namek 包含在 SimpleController 控制器上下文。

在body标签上添加ng app=“myApp”。以便角模块在页面上初始化。

加成

<body  data-ng-controller="SimpleController">
  checkNames:
  <input type="text" data-ng-model="namek">
  <div class="container">
    <ul>
      <li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
    </ul>
   </div>
</div>

控制器

angular.module('myApp', []).controller('SimpleController', SimpleController);

function SimpleController($scope) {
  $scope.castomers = [{
    name: 'krishnendu sarkar',
    city: 'kolkata'
  }, {
    name: 'chanchal sarkar',
    city: 'bangalore'
  }, {
    name: 'nilava chakraborty',
    city: 'pune'
  }]
};

Demo PLunkr

Kapil Garg 9 年前

请看这个 link here 查看整个代码。

您应该创建角度模块“myApp”,该模块定义应用程序,然后在其中定义控制器。

推荐文章

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 年前