【问题标题】:Whis is the error in angular, I couldnot find it这是角度的错误,我找不到
【发布时间】:2015-11-14 16:20:34
【问题描述】:

这是我的代码..我遇到问题的地方..请帮帮我..我正在尝试创建一个控制器来填充获取数据并在 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>

提前谢谢..

【问题讨论】:

  • 请解释您的错误是什么

标签: javascript angularjs angularjs-controller angularjs-module


【解决方案1】:

您应该首先创建名为 myAppangular 模块,然后您可以将 data-ng-controller="SimpleController" 移动到 body 标记上,以便 namek 输入字段包含在 SimpleController 控制器上下文中。

在正文标签上添加 ng-app="myApp"。这样 Angular 模块就会在页面上初始化。

标记

<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

【讨论】:

  • 我发现了我的问题.. 1. 你对模块的看法是正确的.. 另一个是 2. 我的角度库工作不正常。在这篇文章之后,我只是从网上获取它并且它工作正常..
  • @KrishnenduSarkar 接受您需要单击向上和向下箭头旁边的标记箭头的答案..
  • @KrishnenduSarkar 你对它有错误的概念..你所做的是upvote..看看这个链接meta.stackexchange.com/questions/5234/…
  • @KrishnenduSarkar 正确..谢谢
【解决方案2】:

请查看link here 以查看完整代码。

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

【讨论】:

    猜你喜欢
    • 2022-11-23
    • 1970-01-01
    • 1970-01-01
    • 2015-07-07
    • 2017-11-24
    • 2016-12-27
    • 1970-01-01
    • 2022-12-07
    • 2019-12-14
    相关资源
    最近更新 更多