angular js 控制器不工作

Question

我写了一个简单的控制器来过滤数组，但这会出错。通过删除 "data-ng-controller" 或没有控制器，它的工作正常。我不知道 error.Please 在 url 中找到代码的位置 -

function SimpleController($scope){
        $scope.names=[
            {name:'abc',address:'xyz'},
            {name:'abcxyz',address:'xxyyzz'},
            {name:'abcmno',address:'mnoap'},
            {name:'aabbcc',address:'ppqqrrr'}
            ];
    }

http://jsfiddle.net/somsekhardash/vL0hzod9/

Answer 1

您已经在 onLoad 函数中定义了控制器，因此当 angular 呈现和解析标记时，控制器函数不存在。如果你把它移到正文中（或者最好是一个单独的脚本文件）它应该可以工作。

查看更新后的 fiddle，带有 noWrap 选项：http://jsfiddle.net/vL0hzod9/2/

Answer 2

代码没有问题..

您创建了一个 jsfiddle 并且是运行页面加载时的控制器函数，请看 jsfiddle 的左上角，您可以 select, 框架下, `nowrap in body.

工作 fiddle`http://jsfiddle.net/vL0hzod9/1/

function SimpleController($scope){
            $scope.names=[
                {name:'abc',address:'xyz'},
                {name:'abcxyz',address:'xxyyzz'},
                {name:'abcmno',address:'mnoap'},
                {name:'aabbcc',address:'ppqqrrr'}
                ];
        }

不需要更改代码。唯一的区别是我将控制器逻辑包装在 body 中，而您之前已经将其包装在 onload 中..

angular js 控制器不工作

angular js Controller is not working

javascript

angularjs

angularjs-scope