angular js控制器不工作

时间:2015-01-08 11:36:11

标签: javascript angularjs angularjs-scope

我写了一个简单的控制器来过滤一个数组,但这是错误的。 删除" data-ng-controller"或没有控制器它的工作正常。 我没有得到错误的位置。请在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/

2 个答案:

答案 0 :(得分:3)

您已在onLoad函数中定义了Controller,因此当呈现标记并通过角度解析时,控制器功能不存在。如果将它移动到正文(或理想情况下单独的脚本文件),它应该可以工作。

使用noWrap选项http://jsfiddle.net/vL0hzod9/2/

查看更新后的小提琴

答案 1 :(得分:2)

代码没有问题..

你创建了一个jsfiddle并在页面加载时运行控制器函数,看到jsfiddle的左上角,你可以在框架下面选择`nowrap in body。

工作小提琴`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'}
                ];
        }

不需要更改代码。差别在于我将控制器逻辑包装在主体中,之前已经包装过了..