設置角的基礎使用顯示模式具有角

我試圖使用顯示模式與角度，因爲我有，我想數據注入到基於NG-點擊模式那被NG-重複創建的鏈接，請允許我介紹一些代碼：

<table ng-controller="oflClassCtrl"> 
    <thead> 
    <tr> 
     <th>Course Title(Apex/Isis)</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat = "selectedClass in classes | filter:searchTxt"> 
     <td><a href="#" data-reveal-id="myModal" ng-click="setClass($index)">{{selectedClass.class}}</a></td>

和控制器：

var oflApp = angular.module('oflApp', []); 

oflApp.controller('oflClassCtrl', function ($scope,$http) { 

     // $http.get('../courses/coursedata.json'); 
     $scope.classes = [ 
    {"class": "ENGLISH I: INTRO TO LITERATURE AND COMPOSITION Sem 2", "href": "../courses/english.php#p1"}, 
    {"class": "ENGLISH II: CRITICAL READING AND EFFECTIVE WRITING Sem 1"},ect, 

$scope.setClass = function(index) { 
    $scope.selectedClass = $scope.classes[index]; 
     };  

});

我看過了http://pineconellc.github.io/angular-foundation/但林不河畔我只要下載一個文件並將其鏈接到頭部，然後添加一個新模塊？

我想要做的所有事情是，當用戶點擊將用ng-repeat顯示的相關課程時，我的數據會以揭示模式顯示。我也有一個模板佈局，如果它需要我發佈它，但基本上只是想讓它呈現類信息。

有人可以給我一個簡單的例子，說明如何設置這個PLZ。謝謝。

來源

2015-01-09 codemonkey

如果將模態代碼放入ng-repeat指令中，則不需要將數據注入模態。您只需使用ng-attr動態生成data-reveal-id和模型自身的id，以確保模式中的數據與用戶點擊的鏈接相關聯。

Plunker：http://plnkr.co/edit/RgtaJR?p=preview

在角可以方便地設置id S（以及許多其他屬性）與ng-atrr

如果非規範化與結合與ngAttr前綴前綴屬性（ as ng-attr-），那麼在綁定過程中，它將應用於相應的前綴屬性。這使您可以綁定到否則會被瀏覽器

https://docs.angularjs.org/guide/directive#text-and-attribute-bindings

在Plunker急切地處理屬性，我添加了一個ID到您的類對象來創建一個唯一的標識符，我們可以追加到data-reveal-id和模態的id。它是附加的而不是前置的（ng-attr-data-reveal-id="Modal{{class.id}}"），因爲querySelector不喜歡帶前導整數的id。看到這裏：Using querySelector with IDs that are numbers。

這種方法的優點是您的控制器非常簡化，並且清楚您的模態中包含哪些信息。

我希望這會有所幫助。

來源

2015-02-10 19:52:45 timsvoice

設置角的基礎使用顯示模式具有角

回答

相關問題