javascript - Angular JS : unable to display value

标签 javascript angularjs angularjs-scope angularjs-controller ng-app

我是 Angular JS 的新手。请帮我找出原因 this demo只显示 : {{name}} 而不是显示每个值,

 <!DOCTYPE html>
<html>
    <head>
        <title>AngularJS Demos</title> 
    </head>
    <body> 
        <div class="container" data-ng-app="demoApp" data-ng-controller="SimpleController">
            <h3>Adding a Simple Controller</h3>
            <ul>
                <li data-ng-repeat="name in names">{{name}}</li>
            </ul>
        </div> 
        <script  type="text/javascript">
            var samplesModule = angular.module('demoApp', []); 
            samplesModule.controller('SimpleController', SimpleController);
            function SimpleController($scope) {
                $scope.names = ['Dave', 'Napur', 'Heedy', 'Shriva'];
            }
        </script> 
        <script src="https://code.angularjs.org/1.3.9/angular.js"></script> 
    </body>
</html>

最佳答案

首先移动 angularjs自定义前cdn文件引用script制作angular对象在使用前可用。

然后添加 ng-app="samples"html元素 & ng-controller="SimpleController"body标签将解决您的问题。 (由于 OP 在我回答后修改了他的代码,因此删除了上面的行)。

Demo Here

关于javascript - Angular JS : unable to display value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36959581/

相关文章:

数组中嵌套对象的JavaScript递归函数

javascript - Chartjs 自定义刻度数字

angularjs - Angular - ngShow/Hide 动画仅在 ng-click 时触发?

javascript - 当我自己引起 Angular $watch 事件时,如何忽略它?

javascript - AngularJS http 请求永远不会执行

javascript - 如何在没有Google SDK的情况下使用key脚本在angularjs中使用谷歌地图

javascript - 如何在 AngularJS 中自定义下拉菜单?

javascript - Jquery 动态表。为每个单元格添加一个 div 以使其可拖动

javascript - 我可以在页面上声明多少次 jQuery 的文档就绪函数?

angularjs - Angular ng-controller 问题