關於ng-repeat的track by $index
在開發web應用時,我們經常需要用ng-repeat遍歷$scope中的陣列,去更新檢視中的列表元素。
當我們陣列中的元素重複時,瀏覽器在console中就報這樣的錯誤。
$scope.array=[1, 1, 1, 1, 2];
Error: [ngRepeat:dupes]
因為AngularJS禁止ng-repeat中的陣列中的元素重複,一般我們會使用track by $ index的方式解決這個問題。
$scope.number=[1, 1, 1, 1, 2];
ng-repeat=”n in number track by $index”
這裡的重複的值,指的是原始值,如果我們用物件來表示,那麼不會產生錯誤。比如Number物件:
$scope.number=[new Number(2), new Number(2), new Number(2)];
String物件:
$scope.number=[new String(2), new String(2), new String(2)];
相關推薦
AngularJS中使用ng-repeat的index
AngularJS中的ng-repeat中,隱含的index,可以使用$index來訪問,也可以自己指定index對應的變數名。 - 使用隱含的index變數 隱含的index變數名是index,可以使用$index來訪問。 // 定義module和c
【AngularJS】使用ng-repeat中$index的注意點
發現問題 最近有客戶投訴,說在刪除指定的某條記錄時,結果刪掉的卻是另外一條記錄!看起來是個很嚴重的BUG。 有一次我們在工作中碰到了這個問題。 要定位這個BUG非常麻煩, 因為客戶也不清楚如何重現這個問題。 後來發現這個Bug是由於在 ng-repeat
ng-repeat嵌套的$index
tro 維數 clas 下標 div 我們 logs -1 數組下標 angular應用中,ng-repeat很方便的實現了數組的展示: <div ng-controller=‘myCtrl‘> <ul> <li
AngularJS最佳實踐: 請小心使用 ng-repeat 中的 $index
“有客戶投訴,說在刪除指定的某條記錄時,結果刪掉的卻是另外一條記錄!”看起來是個很嚴重的BUG。 有一次我們在工作中碰到了這個問題。 要定位這個BUG非常麻煩, 因為客戶也不清楚如何重現這個問題。後來發現這個Bug是由於在 ng-repeat 中使用了 $index 引發的。
關於ng-repeat的track by $index
在開發web應用時,我們經常需要用ng-repeat遍歷$scope中的陣列,去更新檢視中的列表元素。 當我們陣列中的元素重複時,瀏覽器在console中就報這樣的錯誤。 $scope.array=[1, 1, 1, 1, 2]; Error:
AngularJS中 ng-repeat 排序後的 $index變化
“有客戶投訴,說在刪除指定的某條記錄時,結果刪掉的卻是另外一條記錄!” 看起來是個很嚴重的BUG。 有一次我們在工作中碰到了這個問題。 要定位這個BUG非常麻煩, 因為客戶也不清楚如何重現這個問題。 後來發現這個Bug是由於在 ng-repeat 中使用了 $inde
elasticsearch index 之 engine
exce query 索引 analyze size public .post blog 存儲 elasticsearch對於索引中的數據操作如讀寫get等接口都封裝在engine中,同時engine還封裝了索引的讀寫控制,如流量、錯誤處理等。engine是離lucene最
ng-repeat循環遍歷的用法
-i -a 打印 用法 ini in use bin 循環 bsp ng-repeat循環遍歷的用法 <script src="../angular-1.5.5/angular.min.js"></script></head>&l
webstorm 打開後 一直停留在scanning files to index....,或跳出內存不夠的提示框
tez jsb code ont 點擊 pst == sta fcm 用著有時會這樣,超級卡, 網上搜了下,原來如此,記錄下,免得忘了。 ------------------------- 說明: 在npm install 後,會出現Scanning files to in
JavaScript基礎 substr(2, 3) 2是起始的index的值 3是提出來3個字符
subst bstr 博文 htm bst firefox 傳智播客 src 部分 鎮場詩: 清心感悟智慧語,不著世間名與利。學水處下納百川,舍盡貢高我慢意。 學有小成返哺根,願鑄一良心博客。誠心於此寫經驗,願見文者得啟發。——————————————————
Ng第二課:單變量線性回歸(Linear Regression with One Variable)
dll oba vcf 更多 dba cfq dpf gis avd 二、單變量線性回歸(Linear Regression with One Variable) 2.1 模型表示 2.2 代價函數 2.3 代價函數的直觀理解 2.4 梯度下降
Ng第一課:引言(Introduction)
定義 分享 machine 人工 離散 技能 相同 常用 都是 Machine Learning(機器學習)是研究計算機怎樣模擬或實現人類的學習行為,以獲取新的知識或技能,重新組織已有的知識結構使之不斷改善自身的性能。 它是人工智能的核心,是使計算機具有智能的根本途徑,其應
laravel-index源碼解析
composer kernel 加載 時間 exceptio app 使用 def cati <?php /*設置腳本開始時間 define(‘LARAVEL_START‘, microtime(true)); 引入composer的自動加載,在composer
elasticsearch index 之 Mapping
splay ima 更多 trie name .post 結構 emp parser Lucene索引的一個特點就filed,索引以field組合。這一特點為索引和搜索提供了很大的靈活性。elasticsearch則在Lucene的基礎上更近一步,它可以是 no schem
ng-class的問題(已解決,未找到真正的原因)
判斷 問題 light 嘗試 後來 功能 log blog ng-class 問題來源是,在做點擊選中的功能時候遇到的,之前是用js來寫實現了,在改變之後用ng來寫之後 ng-class="select_x select_qz {{i == $index ? ‘selec
mysql group by
style images pan sel mysq http src .com try w SELECT COUNT(*) FROM ( SELECT COUNT(*) FROM
Ng第十一課:機器學習系統的設計(Machine Learning System Design)
未能 計算公式 pos 構建 我們 行動 mic 哪些 指標 11.1 首先要做什麽 11.2 誤差分析 11.3 類偏斜的誤差度量 11.4 查全率和查準率之間的權衡 11.5 機器學習的數據 11.1 首先要做什麽 在接下來的視頻將談到機器
動態設置ng-model
動態<div class="form-group" > <label class="col-xs-2 control-label col-xs-offset-1"><span class="red">*</s
Ng第十二課:支持向量機(Support Vector Machines)(二)
.com htm 條件 hid cti 無法 技術 add 效果 7 核函數(Kernels) 考慮我們最初在“線性回歸”中提出的問題,特征是房子的面積x,這裏的x是實數,結果y是房子的價格。假設我們從樣本點的分布中看到x和y符合3次曲線,那麽我們希望使用x的三次多項式來逼
git提交代碼出現錯誤fatal: Unable to create '項目路徑/.git/index.lock': File exists.
log stack sts exists 下一個 flow code .cn create git提交代碼出現錯誤fatal: Unable to create ‘項目路徑/.git/index.lock‘: File exists. 具體出錯代碼如下: 具體原因不詳