Угловое - Выберите из списка и установите кнопку

У меня есть эта директива:Угловое - Выберите из списка и установите кнопку

app.directive('sampleDirective' , function() { 
    return { 
     controller: function ($scope) { 
      $scope.numbers = [ 
        {number : '1 '}, 
        {number : '2 '}, 
        {number : '3'}, 
        {number : '4'}, 
       ]; 
     } 
    } 
});

Я называю этот номер в списке, как это:

  <sample-directive> 
      <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-dropdown dropdown-toggle">choose number<i class="icon icon-arrow-down"></i></button> 
      <ul class="dropdown-menu list-unstyled text-right"> 
       <ul> 
       <li ng-repeat="x in numbers"> 
        <a href = "#"> {{ x.number }} </a> 
       </li> 
       </ul> 
      </ul> 
      </sample-directive>

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

источник

2016-05-01 AFN

«установить это значение кнопки»: что это значит? Почему вы используете директиву для инициализации массива в области? Просто поместите этот код в контроллер. Вы не должны использовать директиву для этого. –

@ JBNizet почему? почему я не должен его использовать? – AFN

Потому что это не то, для чего предназначены директивы. Модель страницы должна обрабатываться ее контроллером, а не директивами. Нет причин добавлять элементы в DOM, которые ничего не представляют, и просто используются для добавления массива в область. Более того, разметка предполагает, что массив существует только между и, что неверно. –

В контроллере:

$scope.setSelectedNumber = function(n) { 
    $scope.selectedNumber = n; 
}

В вашей ссылке:

<a href="" ng-click="setSelectedNumber(x.number)"> {{ x.number }} </a>

В вашей кнопки:

{{ selectedNumber ? selectedNumber : 'choose number' }}

или еще проще:

{{ selectedNumber || 'choose number' }}

источник

2016-05-01 09:17:39

Это значение не изменилось. – AFN

Вы все еще не уточнили. На какой кнопке вы говорите. Где вы положили '{{selectedNumber}}'? –

– AFN

Может быть, это может работать

<a href = "#" ng-click="setNumber(x.number)"> {{ x.number }} </a> 

$scope.setNumber = function(num){ 
$scope.btnValue = num 

} 

<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-dropdown dropdown-toggle">choose number<i class="icon icon-arrow-down" ng-value="btnValue"></i></button>

источник

2016-05-01 09:57:41

Угловое - Выберите из списка и установите кнопку

ответ

Смежные вопросы