AngularJS问题未显示输出

AngularJS issue not showing output

本文关键字：输出 显示 问题 AngularJS      更新时间：2023-09-26

我使用的是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/controllers/app.js

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

app/controllers/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行，而是显示为所有参数的｛｛｝｝。

请帮我知道这个问题。提前感谢！！

删除数组中的坏标记：

 $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

相关文章：