AngularJS 1.5.8：控制器和范围

好的我有一些问题与范围控制器我已经尝试了很多不同的东西，但它不适用于我声明的（1.5.8）Angular版本，AngularJS 1.5.8：控制器和范围

所以这里是我的代码的html：

<body ng-app="myApp"> 



<input type="text" ng-model="query"/> 
<select ng-model="order"> 
    <option value="username">Organiser par nom</option> 
    <option value="content">Organiser par content</option> 
</select> 


<div ng-controller="CommentsCtrl"> 
    <div ng-repeat="comment in comments |filter:{content: query} |orderBy:"> 
     <p> 
       <strong>{{comment.username}}</strong><br> 
       {{comment.content}} 
     </p> 

    </div> 
</div>

，这是我的Java脚本：

<script> 
var myApp = angular.module('myApp',[]); 
myApp.controller('CommentsCtrl', ['$scope', function($scope) { 
    $scope.comments = [ 
{ 
"username": "Goodman", 
"city": "Bonanza", 
"email": "[email protected]", 
"content": "naborum ut. Nisi in ex consequat quis sitet exercitation." 
}, 
{ 
"username": "Holder", 
"city": "Lloyd", 
"email": "[email protected]", 
"content": "naborum ut. Nisi in exunt magna in et exercitation." 
} 
]; 
}]); 
</script>

它无法显示范围的任何想法？

来源

2016-07-26 Gaia

把你的输入标签放在你的控制器里面。 –

尝试移动<input type="text" ng-model="query"/>到<div ng-controller="CommentsCtrl">

来源

2016-07-26 11:43:48

Here is your working code。

正如Tilekbekov Yrysbek所提到的，您必须移动您的代码并添加您的orderBy参数。所以，最终的HTML代码将是

<body ng-app="myApp"> 

<div ng-controller="CommentsCtrl"> 
<input type="text" ng-model="query"/> 
<select ng-model="order"> 
    <option value="username">Organiser par nom</option> 
    <option value="content">Organiser par content</option> 
</select> 
    <div ng-repeat="comment in comments |filter:{content: query} |orderBy:order"> 
     <p> 
       <strong>{{comment.username}}</strong><br> 
       {{comment.content}} 
     </p> 

    </div> 
</div> 
</body>

来源

2016-07-26 12:00:43

排序依据不应该是空的。试试这个

<div ng-repeat="comment in comments |filter:{content: query} |orderBy:order">

来源

2016-08-15 18:39:07

AngularJS 1.5.8：控制器和范围

回答

相关问题