2

Angular では、次のように書くことができます:

class="{{ DayTypesClasses[request.typeId] }}"

式の値に応じて css-class を設定します

ng-bindしかし、同じことを行うだけでなく、このバインディングの時間を節約できることがわかりました。

ng-bind授業で使ってみましたが、うまくいきません。

class="ng-bind : 'DayTypesClasses[request.typeId]'"
class="ng-bind = 'DayTypesClasses[request.typeId]'"
class="ng-bind : DayTypesClasses[request.typeId]"
class="ng-bind:{{DayTypesClasses[request.typeId]}}"

ng-bindclass-attribute でどのように正しく使用すればよいですか?

のドキュメントへのリンクng-bindは役に立ちません:(

4

3 に答える 3

2

どちらかng-classを使用できます

<ANY ng-class="expression"> ... </ANY>

また

<ANY class="ng-class: expression;"> ... </ANY>

例えば：

<p ng-class="{strike: deleted, bold: important, 'has-error': error}">Some example</p>
于 2016-04-14T11:14:23.363 に答える
0

これは標準的な例であり、機能しています：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example61-production</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>



</head>
<body ng-app="bindExample">
  <script>
  angular.module('bindExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.name = 'Whirled';
    }]);
</script>
<div ng-controller="ExampleController">
  <label>Enter name: <input type="text" ng-model="name"></label><br>
  Hello <span class="ng-bind: name"></span>!
</div>
</body>
</html>

プランカー

于 2016-04-14T11:10:59.490 に答える