文件夹结构：app / sorting.html

Question

我正在使用Angular 1.4.8 我在控制器中有一个列表。它连接到一个模块。并在我的HTML中引用它并没有显示活动列表

文件夹结构：app / sorting.html

<!Doctype html>
<html ng-app="demoApp">
<body ng-controller="MyC">

    <div>
    Filter it on: <input type="text" ng-model="filteron.aname" />
    <table>
    <TR>
        <TD>Activity Id </TD>   
        <TD> Sbprocess Name </TD>   
        <TD> Activity Name </TD>  
        <TD> Cost </TD>
    </TR>
        <TR ng-repeat="activity in activities | filter:filteron">
            <TD>{{activity.activityid}}</TD>
            <TD>{{activity.aname}}</TD>
            <TD>{{activity.subprocess}}</TD>
            <TD>{{activity.cost | currency:'Rs. '}}</TD>
        </TR>
    </table>
        </div>
        <script src="angular.js"></script>
            <script src="controllers/app.js"></script>
        <script src="controllers/mycontroller.js"></script>
</body>
</html>

的应用程序/控制器/ app.js

var demoApp = angular.module('demoApp', []);

的应用程序/控制器/ mycontroller.js

    var MyC = function ($scope) {
        $scope.activities = [{aname: 'First', subprocess: 'Product', activityid: '500', cost: '2001'},
        {aname: 'Second', subprocess: 'Program', activityid: '501', cost: '1500'},
        {aname: 'Third', subprocess: 'Engineeding', activityid: '502', cost: '5999'},
        {aname: 'Fourth', subprocess: 'Resource', activityid: '503', cost: '999'},
        {aname: 'Fifth', subprocess: 'FM', activityid: '504', cost: '1765'}];

};

    angular.module('demoApp')
        .controller('MyC', MyC);

输出为：

Filter it on: textbox shows here.

Activity Id Sbprocess Name  Activity Name   Cost
{{activity.activityid}} {{activity.aname}}  {{activity.subprocess}}         {{activity.cost | currency:'Rs. '}}

此处不是显示2行，而是为所有参数显示为{{}}。

请帮我知道这个问题。在此先感谢!!

Answer 1

删除数组中的错误标记：

 $scope.activities = [{aname: 'First', subprocess: 'Product', activityid:     '500', cost: '2001'},
    {aname: 'Second', subprocess: 'Program', activityid: '501', cost: '1500'},
        }/*<-----remove this*/ ];
};

Codepen工作： http://codepen.io/armellajuan/pen/admKOv

AngularJS问题没有显示输出

文件夹结构：app / sorting.html

的应用程序/控制器/ app.js

的应用程序/控制器/ mycontroller.js

输出为：

1 个答案: