如何使按鈕標題等於作用域上的值？

Question

我的模板上的ng-repeat div內有一個按鈕，我想將其title屬性設置為與我的作用域中的值相等，但它顯示為字符串而不是值。

模板：

<div ng-repeat="step in steps">
  <button title="step.description">Text</button>
</div>

懸停時，上面顯示的是文字字符串“ step.description”，而不是我的作用域中的值。 當前，我的控制器上有一個名為step的數組，該數組中的每個step對象都有一個名為“ description”的鍵，該鍵設置為不同的字符串。

Answer 1

我認為此鏈接可以為您提供幫助。 如何使AngularJS綁定到A標簽的title屬性？

<body ng-app="myApp">

    <div ng-controller="myCtrl">
          <div ng-repeat="step in steps">
          <button ng-attr-title="{{step.description}}">Text</button>
      </div>
    </div>  
  </body>

您可以使用ng-attr-title將鼠標懸停時綁定值。 ng-attr是AngularJS 1.1.4中的新指令

 app.controller('myCtrl', ['$scope', function($scope){
        $scope.steps = [
          {
          description: 'Test1'
        },
         {
          description: 'Test2'
        },
         {
          description : 'Test3'
        }

        ];

這是鏈接： https : //plnkr.co/edit/Ql4GHSkcuD1r9SywL2mi?p=preview

如何使按鈕標題等於作用域上的值？

問題描述

1 個解決方案

解決方案1
4 已采納 2016-02-26 04:18:03

如何使按鈕標題等於作用域上的值？

問題描述

1 個解決方案

解決方案1 4 已采納 2016-02-26 04:18:03

解決方案1
4 已采納 2016-02-26 04:18:03