javascript - Soalan mengenai ng-bind dalam sudut

Question

<p class="IFreshMode">
     <span ng-bind = "freezerDoorStatus"></span>
                   </p>

Terdapat sekeping kod dalam projek Span terikat kepada freezerDoorStatus Nilai ini mempunyai dua nilai, satu adalah benar dan satu adalah salah Kelas p boleh ditukar mengikut nilai boolean memaparkan benar dan salah. Adakah terdapat cara untuk tidak memaparkannya atau memaparkannya sebagai hidup atau mati

Answer 1

Saya masih tidak begitu memahami keperluan khusus anda. Lihat jika ia membantu anda
Gunakan ng-show="isOpen" atau ng-if="isOpen"
Kemudian pengawal boleh menetapkan nilai $Scope.isOpen kepada benar atau. palsu

Answer 2

ng-bind相当于代替表达式方式 {}，例如：
<span ng-bind="someValue" ></span>
等价于
<span>{{ someValue }}</span>

Jika anda perlu mengawal gaya, anda perlu menggunakan ng-class,ng-style, 需要控制显示就使用 ng-if or ng-show,例如:
<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>

Answer 3

Di atas menerangkan penggunaan ng-bind yang betul, iaitu <span ng-bind = "freezerDoorStatus"></span> adalah bersamaan dengan <span>{{freezerDoorStatus}}</span>.
Tetapi apabila menetapkan gaya Anda boleh menggunakan ng-style atau ng-class untuk mengawal sama ada gaya dipaparkan berdasarkan nilai pembolehubah (benar/salah).
Anda boleh menggunakan<p ng-class="freezerDoorStatus ? IFreshMode : 'otherClass'"></p>atau menggunakan ng-style, seperti berikut<p ng-style="{'color':iconColor}"> ;</p>.
Anda boleh pergi ke laman web rasmi sudut https://docs.angularjs.org/ap... untuk pengenalan terperinci.