Как получить значения ul li в AngularJS

Question

Я хочу получить значения элементов li из элемента ul в контроллере AangularJS и сохранить их в массиве.

HTML код

<ul id="list" my-directive> 
     <li>A</li> 
     <li>B</li> 
     <li>C</li> 
     <li>D</li> 
     <li>E</li> 
    </ul> 

Контроллер

app.controller('myCtrl', function($scope) { 
    $scope.newList = []; 
    $scope.newList = $('#list li').html(); 
}) 

Что я делаю неправильно?

Answer 1

Почему бы вам не сделать все это? li элемент только с ng-repeat?

<ul id="list"> 
    <li ng-repeat="alphabet in alphabets">A</li> 
</ul> 

Код

$scope.alphabets = ["A", "B", "C", "D", "E"] 

---

Может быть у вас есть какой-то особый случай, когда вы визуализации данных со стороны сервера, используя вид двигателя. Хотя ниже способ выполнить с помощью директивы (все-таки я бы рекомендовал использовать первый способ предложил только)

Markup

{{myList}} 
<ul my-directive="myList"> 
    <li>A</li> 
    <li>B</li> 
    <li>C</li> 
    <li>D</li> 
    <li>E</li> 
</ul> 

Директива

.directive('myDirective', function() { 
    return { 
    link: function(scope, element, attrs) { 
     var list = scope[attrs.myDirective] = [] 
     Array.from(element.find('li')).forEach(function(li) { 
     list.push(li.innerText) 
     }); 
    } 
    } 
}) 

Demo