タイトル属性に動的データを適用する別の方法

Question

ラベルタグのタイトルとして動的データを設定しようとしています。私はlodashからcapitalizeプロパティを使用し、このようなものを適用しました<label title="{{caption}} {{optVal.charAt(0).toUpperCase()+optVal.slice(1)}}">{{optVal}}</label>。DOMオブジェクトで計算が多すぎて悪い習慣であることがわかったので、後で必要な結果を返す関数に渡そうとしました。私はまだオーバーヘッドを減らすためのより良い解決策を探しています、誰かが私にこれを手伝ってもらえますか？

http://jsbin.com/cexonihaki/edit?html,js,output

Answer 1

現在地角度docある$timeout()機能やscope.$digest();

を使用することができます。以下のためのそれらの違いのために素敵なdocumentationザッツ

ダイジェスト

あなたがタイトルを作成し、あなたのスコープで関数を作成し、ビューでそれを使用する（または他の言及としてそれをCSSを使用しますが、それが大文字になることができ

Answer 2

すべてタイトルだけでなく文字）

私はあなたのjsbinをクローン化し、http://jsbin.com/vutuwibube/1/edit?html,js,output それはコントローラ側

即座

<label ng-attr-title="{{creatTitle()}}">{{optVal}}</label> 

を実行します。

$scope.creatTitle = function(){ 
     return $scope.caption + " " + $scope.optVal.charAt(0).toUpperCase()+ $scope.optVal.slice(1); 
}