文件夹结构：应用程序/ 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行，它只是显示为{{}}对于所有PARAMATERS。

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

来源

2015-12-26 Balaji G

我的数组是：$ scope.activities = {[aname： '第一'，子： '产品'， activityid：'500'，cost：'2001'}， {aname：'Second'，subprocess：'Program'，activityid：'501'，cost：'1500'}， {aname：'Third'，subprocess： '动作'，activityid：'502'，成本：'5999'}， {aname：'Fourth'，subprocess：'Resource'，activityid：'503'，cost：'999'}， {aname：'Fifth'，subprocess：'FM'，activityid：'504'，cost：'1765'}]; –

阵列中去除不良令牌：

$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

来源

2015-12-26 13:27:35

如果您正在使用chrome，则可能有用于检查控制台是否存在此类错误。只需按f12并转到“控制台”。 –

对不起，我的错误。为了简单起见，我在保留这里的同时删除了几个条目。我不认为我的代码中有任何不好的字符。 –

随着你新的阵列工作：http://codepen.io/armellajuan/pen/xZEpBG或我没有解决这个问题。 –

AngularJS问题没有显示输出

文件夹结构：应用程序/ sorting.html

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

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

获取输出为：

回答

相关问题