angularjs - ng-minlength の動的値

Question

属性Configを含むという定数があります。task.minlength = 3

に定数を追加してい$rootScopeます：

.run(function($rootScope, Config) {
  $rootScope.Config = Config;
})

Config.task.minlengthテンプレート内から、入力のng-minlengthディレクティブに値を設定したい:

<input type="text" ng-model="newTask" placeholder="Write a new task..." required ng-minlength="{{ Config.task.minlength }}">

DevTools に従って正しく解析されるもの:

ここに画像の説明を入力

ただし、検証はトリガーされません。

$scope.form.$error['minlength'] // undefined

3補間する代わりに書くだけでも問題なく動作しますConfig.task.minlength。

の値をng-minlengthハードコーディングする必要がありますか? 回避策はありますか？

score 0 · Accepted Answer

の動的な値を達成することは難しくありませんng-minlength。Angular は $scope 値を監視し、それに応じて更新します。

コントローラ

function myCtrl (){
   $scope.myMinLength = 5; // could also come from config
}

意見：

<input type="text" ng-model="myString" ng-minlength="myMinLength">

注意すべき重要なことは、の値をng-minlength中かっこで囲む必要がないことです。

3 に答える 3