Как уловить значение модели в Angular, которое добавлено нажатием кнопки?

Question

У меня есть простой вопрос. Но я не могу понять.

Я пытаюсь поймать значение моей модели (текстовое поле), которое я добавляю с кликом. Если я напечатаю вручную, я могу поймать значение. Но в остальном ...

This is my code

Спасибо!

Answer 1

Измените вашу логику, как показано ниже

li.on('click', function(){ 
    var val = $(this).text(); 
    $scope.carData.year=val; 
    input.val(val); 
    $scope.$digest(); 
}); 

В принципе, иногда мы должны усвоить объем при выполнении операций по щелчку и других событий. Отредактируйте jsbin, пожалуйста, посмотрите.

Answer 2

AngularJS способ сделать это:

В связи вы должны иметь:

<ul ng-repeat="element in list"> 
    <li ng-click="append(element)" >{{element}}</li> 
</ul> 

И в контроллере:

$scope.list = [2010, 2011, 2012, 2013, 2014, 2015]; 
$scope.append = function (elementToAdd){ 
    $scope.carData.year = elementToAdd; 
}; 

Answer 3

Это как использовать выпадающий выбор в AngularJS , Для получения дополнительной информации, смотрите на угловых документах для select и ngOptions

шаблон:

<div ng-controller="Controller"> 
    <input type="text" ng-model="carData.year" placeholder="enter car year." /> 
    <br/> 
    <br/> 
    <span class="nullable"> 
     <select ng-options="item for item in years" ng-model="carData.year"> 
     <option value="">-- choose year --</option> 
    </select> 
    </span> 
    <pre>{{carData}}</pre> 
</div> 

контроллер:

var myApp = angular.module('App', []); 
myApp.controller('Controller', function ($scope) { 
    $scope.years = [2010, 2011, 2012, 2013, 2014, 2015]; 
    $scope.carData = {}; 
});