AngularJsで選択を初期化する

私はのfloat値（オブジェクトではなく浮動小数点値）としてmyCoefを追跡するselectを持っています。AngularJsで選択を初期化する

私は、次のコード（CodePen HERE）持っている：私が正しくmyCoefのfloat値を維持するために、私のselectを初期化するにはどうすればよい

function theController($scope) { 
 
    
 
    $scope.coefs = [ 
 
    {name:'mm', val:1/1000}, 
 
    {name:'cm', val:1/100}, 
 
    {name:'m', val:1} 
 
    ]; 
 

 
    $scope.myCoef = 1/100; 
 
}

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

 
<body ng-app> 
 
    
 
    <div ng-controller="theController"> 
 
    
 
    <select ng-model="myCoef" 
 
      ng-options="coef.name for coef in coefs track by coef.val"> 
 
    </select>{{myCoef}} 
 
    </div> 
 
</body>

を？

出典

2016-04-27 Serge

{{myCoef.val}}？ – Sajal

私は、myCoefを** float **の値にしたいのですが、オブジェクトではありません。 – Serge

シンタックスを使用してトラックを削除します。

PS：誰かがなぜトラックを削除する必要があるのか分かっているのであれば、私は本当に理由を知らないので、彼は自分の答えを編集することができます。

function theController($scope) { 
 
    
 
    $scope.coefs = [ 
 
    {name:'mm', val:1/1000}, 
 
    {name:'cm', val:1/100}, 
 
    {name:'m', val:1} 
 
    ]; 
 

 
    $scope.myCoef = 1/100; 
 
}

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

 
<body ng-app> 
 
    
 
    <div ng-controller="theController"> 
 
    
 
    <select ng-model="myCoef" 
 
      ng-options="coef.val as coef.name for coef in coefs"> 
 
    </select>{{myCoef}} 
 
    </div> 
 
</body>

出典

2016-04-27 09:15:05 Walfrat

しかし、選択は "cm"の値で正しく初期化されません... – Serge

奇妙な..私はそれを動作させるためにトラックを削除するために追加...私の編集された答えを確認してください – Walfrat

スーパー！私はこの構文を理解していませんが、うまくいくようです！今すぐincorectを削除することができます;） – Serge

少し奇妙な構文。 Walfrat answer以下、実施例方法valでinitに、または名前によって（$scope.myCoef = $scope.coefs[1]構文を介して通過せず）初期値

function theController($scope) { 
 
    
 
    $scope.coefs = [ 
 
    {name:'mm', val:1/1000}, 
 
    {name:'cm', val:1/100}, 
 
    {name: 'm', val:1} 
 
    ]; 
 
    $scope.myCoefVal = 1/1000; 
 
    $scope.myCoefName = 'cm'; 
 
}

<body ng-app> 
 
    <div ng-controller="theController"> 
 
    Init by value - myCoefVal=1/100 <br> 
 
    <select ng-model="myCoefVal" 
 
      ng-options="coef.val as coef.name for coef in coefs"> 
 
    </select><br> 
 
    now myCoefVal={{myCoefVal}} 
 
    <br/><br/> 
 
    Init by name - myCoefName='cm'<br> 
 
    <select ng-model="myCoefName" 
 
      ng-options="coef.name as coef.name for coef in coefs"> 
 
    </select><br> 
 
    now myCoefName='{{myCoefName}}' 
 
    </div> 
 
</body>

出典

2016-04-27 09:47:19 Serge

AngularJsで選択を初期化する

答えて

関連する問題