AngularJS 1.5.8: Controller & Scope

ok Ich habe ein Problem mit dem Oszilloskop-Controller Ich habe viele verschiedene Dinge ausprobiert, aber es funktioniert nicht mit der Version von Angular, die ich erklärt habe (1.5.8)AngularJS 1.5.8: Controller & Scope

so hier ist mein Code 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>

und das ist mein Java-Script:

<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>

Es kann nicht den Umfang angezeigt werden irgendwelche Ideen?

Quelle

2016-07-26 Gaia

setzen Sie Ihre Eingabe Tag in Ihrem Controller. –

Versuchen <input type="text" ng-model="query"/> in <div ng-controller="CommentsCtrl">

Quelle

2016-07-26 11:43:48

Here is your working code zu bewegen.

Wie Tilekbekov Yrysbek erwähnt, müssen Sie Ihren Code verschieben und fügen Sie auch Ihre OrderBy Parameter hinzu. So Finale wird HTML-Code sein

<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>

Quelle

2016-07-26 12:00:43

SortiertNach nicht leer sein sollte. Versuchen Sie diese

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

Quelle

2016-08-15 18:39:07

Antwort

Verwandte Themen