Angular控制器不显示对象数组数据

茉莉花

这不是显示数据,我正在学习有关控制器的信息。为什么它在我正在观看的视频中显示数据时却不显示数据。

<div data-ng-controller="FirstController">
<input type="text" name="txtName" data-ng-model="typedName" />
<br />
Typed Name is: {{ typedName }}
<br />
Names:
<ul  >
    <li data-ng-repeat="person in Customers | orderBy:'name' |  filter:typedName  "> {{ person.name | uppercase}} - {{ person.city }}
    </li>
</ul>
 </div>
<script>
    function FirstController($scope) {
        $scope.Customers = [
            { name: 'Sita', city: 'Los Angeles' },
            { name: 'Ram', city: 'Los Vegas' },
            { name: 'Amit', city: 'San Antonio' },
            { name: 'Cat', city: 'Arkanas' },
            { name: 'Boushick', city: 'Pittsburgh' }
        ];
    }
</script>
<script src="Scripts/angular.min.js"></script>

穆罕默德里亚斯

看起来您正在跟踪较旧的视频,而这些视频可能使用的是Angle 1.2。

在最新版本的angular中,必须指定特定的应用名称并在这些模块下声明控制器。虽然您可以通过激活全局控制器功能,config但不建议这样做。

因此,您需要进行以下更改:

在您的HTML中,

<html data-ng-app="myApp">

现在在您的JS控制器中:

angular.module("myApp", [])
   .controller("ControllerName", function($scope) {
      // declare your $scope data here
   })

为什么不赞成使用全局控制器功能?

当您全局声明控制器功能时,它将污染全局名称空间。假设还有另一个使用相同函数名的库,那么您的函数将被覆盖。

例如,

SimpleController的文件中有功能假设您正在使用某些第三方库,它们在某些功能上也使用相同的名称。

他们设置,

window.SimpleController = window.alert

因此,这意味着您的控制器功能已被覆盖。

这就是为什么不推荐使用的原因。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular控制器不显示对象数组数据

来自分类Dev

角度控制器不显示数据

来自分类Dev

在视图中不显示从控制器传递的数组

来自分类Dev

使用控制器时不显示数据-AngularJs

来自分类Dev

视图控制器不显示来自 TableViewController 的数据

来自分类Dev

Angular ngrepeat 不显示来自对象数组的任何数据

来自分类Dev

使用Angular控制器显示来自API的JSON数据

来自分类Dev

如何根据特定值显示 Angular 控制器数据

来自分类Dev

Yeoman生成angularjs ng-repeat不显示来自控制器的数据

来自分类Dev

Jwplayer 6.11不显示控制器按钮

来自分类Dev

为什么laravel不显示控制器的引导程序?

来自分类Dev

导航控制器的后退按钮不显示文本

来自分类Dev

更改视图控制器后,UIMenuController不显示

来自分类Dev

在Kohana中路由而不显示控制器名称

来自分类Dev

VS2012 不显示控制器上传的图像

来自分类Dev

Laravel 5.4 控制器不显示页面

来自分类Dev

在控制器之间共享数据[数组]

来自分类Dev

在控制器之间共享数据[数组]

来自分类Dev

根据用户默认值在Tableview控制器中显示对象数组

来自分类Dev

Angular JS-无法访问控制器中推送到数组的对象

来自分类Dev

在表单数组 angular 中验证和显示特定表单控制器的错误消息

来自分类Dev

在控制器Codeigniter的视图中显示数组的数组

来自分类Dev

在控制器Codeigniter的视图中显示数组的数组

来自分类Dev

Web Api帮助页面-仅显示某些控制器,但不显示其他控制器

来自分类Dev

Angular,控制器和服务交互以显示json数据

来自分类Dev

如何使用angular2显示来自mvc控制器的数据

来自分类Dev

数组不显示数据

来自分类Dev

在所有视图控制器上显示对象

来自分类Dev

将对象数组发送到MVC控制器

Related 相关文章

  1. 1

    Angular控制器不显示对象数组数据

  2. 2

    角度控制器不显示数据

  3. 3

    在视图中不显示从控制器传递的数组

  4. 4

    使用控制器时不显示数据-AngularJs

  5. 5

    视图控制器不显示来自 TableViewController 的数据

  6. 6

    Angular ngrepeat 不显示来自对象数组的任何数据

  7. 7

    使用Angular控制器显示来自API的JSON数据

  8. 8

    如何根据特定值显示 Angular 控制器数据

  9. 9

    Yeoman生成angularjs ng-repeat不显示来自控制器的数据

  10. 10

    Jwplayer 6.11不显示控制器按钮

  11. 11

    为什么laravel不显示控制器的引导程序?

  12. 12

    导航控制器的后退按钮不显示文本

  13. 13

    更改视图控制器后,UIMenuController不显示

  14. 14

    在Kohana中路由而不显示控制器名称

  15. 15

    VS2012 不显示控制器上传的图像

  16. 16

    Laravel 5.4 控制器不显示页面

  17. 17

    在控制器之间共享数据[数组]

  18. 18

    在控制器之间共享数据[数组]

  19. 19

    根据用户默认值在Tableview控制器中显示对象数组

  20. 20

    Angular JS-无法访问控制器中推送到数组的对象

  21. 21

    在表单数组 angular 中验证和显示特定表单控制器的错误消息

  22. 22

    在控制器Codeigniter的视图中显示数组的数组

  23. 23

    在控制器Codeigniter的视图中显示数组的数组

  24. 24

    Web Api帮助页面-仅显示某些控制器,但不显示其他控制器

  25. 25

    Angular,控制器和服务交互以显示json数据

  26. 26

    如何使用angular2显示来自mvc控制器的数据

  27. 27

    数组不显示数据

  28. 28

    在所有视图控制器上显示对象

  29. 29

    将对象数组发送到MVC控制器

热门标签

归档