AngularJS ng-модель на выбранном входе не работает - PullRequest
Новая
       25

AngularJS ng-модель на выбранном входе не работает

0 голосов
/ 17 ноября 2018

Я начинаю с AngularJS и пытался сделать a и получить его значение с Angular, но это не работает. 

<div id="app_container" ng-controller="ArticlesController as control">
<select name="sortby" id="sortby" ng-model="sortBy"> {{sortBy}}
    <option name="Date" value="Date">Date</option>
    <option name="Vues" value="Vues">Vues</option>
    <option name="Note" value="Note">Note</option>
    <option name="Catégorie" value="Catégorie">Catégorie</option>
    <option name="Tags" value="Tags">Tags</option>
</select>
<div>

Здесь я хочу отобразить значение выбранного входа, ноэто ничего не отображает.Я не могу получить доступ к этому значению из контроллера, и я не понимаю, почему.У меня есть нг-повтор на той же странице, которая прекрасно работает.Я даже пытался скопировать пример из angularjs.org, даже это не работает ...

1 Ответ

0 голосов
/ 17 ноября 2018

Поскольку вы используете контроллер в качестве синтаксиса, вам необходимо использовать ng-model="controlsortBy"

DEMO 

var app = angular.module('testApp',[]);
app.controller('ArticlesController',function(){
   var control = this;
   control.print = function(){
     console.log(control.sortBy);
   }

});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp">
<div id="app_container" ng-controller="ArticlesController as control">
<select name="sortby" id="sortby" ng-change="control.print()" ng-model="control.sortBy">
    <option name="Date" value="Date">Date</option>
    <option name="Vues" value="Vues">Vues</option>
    <option name="Note" value="Note">Note</option>
    <option name="Catégorie" value="Catégorie">Catégorie</option>
    <option name="Tags" value="Tags">Tags</option>
</select>
<h1> {{control.sortBy}}</h1>
<div>
...