AngularJS 1.5.8：Controller＆Scope

ok私は多くの異なることを試みたスコープコントローラにいくつか問題がありますが、私が宣言したAngularのバージョンでは機能しません（1.5.8）ので、ここでAngularJS 1.5.8：Controller＆Scope

は、私のコードの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

コントローラの中に入力タグを入れてください。 –

は<div ng-controller="CommentsCtrl">

出典

2016-07-26 11:43:48

Here is your working codeへ<input type="text" ng-model="query"/>を動かすようにしてください。

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

のOrderByが空ですべきではないだろう。お試しください

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

出典

2016-08-15 18:39:07

AngularJS 1.5.8：Controller＆Scope

答えて

関連する問題