如何讓angularjs

Question

<div ng-repeat="job in jobList" > 
    <div class="chip" id="jobchip" ng-model="jobchip"> 
     <label for="jobchip"> Jobs</label> 
     {{job.Name}} 
     <i class="close material-icons">close</i> 
    </div> 
</div> 

AngularCode Materialise的CSS芯片組件的列表

$scope.jobList=["it","hr","crm"]; 
console.log($scope.jobchip); 

請問如何在NG-模型選擇的芯片jobchip我曾嘗試通過$範圍變量進行訪問的列表如果您使用的角材芯片不確定

Answer 1

控制檯輸出返回然後做這樣的

<div ng-controller="BasicDemoCtrl" layout="column" ng-app="MyApp"> 
     <md-chips ng-model="jobList" name="fruitName" > 
     <md-chip-template> 
      <strong>{{$chip}}</strong> 
     </md-chip-template> 
     </md-chips> 

</div> 

(function() { 
    'use strict'; 
    angular 
     .module('MyApp',['ngMaterial']) 
     .controller('BasicDemoCtrl', DemoCtrl); 

    function DemoCtrl ($scope) { 
    $scope.jobList=["it","hr","crm"]; 
    } 
})(); 

Demo

Answer 2

角具有angular.element()得到由類或ID

元件可以使用

var elems = angular.element('.chip'); 
console.log(elems); 

獲得元件的那些陣列具有芯片級

例如：

HTML

<div id="hello" class="whatever">1</div> 
<div id="hey" class="whatever">2</div> 
<div id="haha" class="whatever">3</div> 
<div class="whatever">4</div> 

控制器

var elems = angular.element('.whatever'); 
console.log(elems); 
elems = angular.element('#hello'); 
console.log(elems); 

控制檯

[div#hello.whatever, div#hey.whatever, div#haha.whatever, div.whatever, prevObject: n.fn.init[1], context: document, selector: ".whatever"] 
[div#hello.whatever, context: document, selector: "#hello"] 

可以擴大在日誌中控制檯，並得到

n.fn.init[4] 
    0: div#hello.whatever 
    1: div#hey.whatever 
    2: div#haha.whatever 
    3: div.whatever 
n.fn.init[1] 
    0: div#hello.whatever 

希望它可以幫助