ما هو الفرق في السلوك بين نانوغرام-تكرار وكتبته بشكل ثابت من التعليمات البرمجية?
-
21-12-2019 - |
سؤال
ما هو الفرق بين هتمل والسلوك الناتج عن هذا ng-repeat
كود:
<div id="settings-row-{{key}}" class='settings-row' ng-repeat="(key, value) in items">
<div id='settings-source-{{key}}' class='settings-source settings-column'>{{key}}</div>
<div class='settings-slider settings-column'>
<input type="range" ng-model="items[key]" min="0" max="4" />
</div>
</div>
وهذا رمز مكتوب:
<div id="settings-row-science" class='settings-row'>
<div id='settings-source-science' class='settings-source settings-column'>science</div>
<div class='settings-slider settings-column'>
<input type="range" ng-model="items['science']" min="0" max="4" />
</div>
</div>
<div id="settings-row-english" class='settings-row'>
<div id='settings-source-english' class='settings-source settings-column'>english</div>
<div class='settings-slider settings-column'>
<input type="range" ng-model="items['english']" min="0" max="4" />
</div>
</div>
<div id="settings-row-math" class='settings-row'>
<div id='settings-source-math' class='settings-source settings-column'>math</div>
<div class='settings-slider settings-column'>
<input type="range" ng-model="items['math']" min="0" max="4" />
</div>
</div>
أنا أحاول أن يكون أول ng-repeat
رمز لها نفس السلوك كما كتبته الثانية من التعليمات البرمجية ، ولكن لسبب ما ، المتزلجون رمز الأول عصا ولن تنزلق بسلاسة.الشريحة المنزلق رمز الثاني بسلاسة ولكن.ما هو الفرق أنا لا تمثل?سيكون موضع تقدير أي اقتراحات.
items
هو:
{"science":0,"english":3,"math":4}
المحلول
قد تكون هناك مشكلة أعتقد ، على أي حال ، لجعلها تعمل في محاولة لتعريف النموذج كقائمة:
$scope.items = [{
"name": "science",
"value": "0"
}, {
"name": "english",
"value": "3"
}, {
"name": "math",
"value": "4"
}];
حيث أتش تي أم أل هو:
<div ng-controller="fessCntrl">
<div id="settings-row-{{item.name}}" class='settings-row' ng-repeat="item in items">
<div id='settings-source-{{item.name}}' class='settings-source settings-column'>{{item.name}}</div>
<div class='settings-slider settings-column'>
<input ng-model="item.value" type="range" min="0" max="4" />
</div>
</div> <pre>{{items|json}}</pre>
</div>
عرض كمان
لا تنتمي إلى StackOverflow