AnglarJsでselect radio checkboxの実例と解析
2466 ワード
本論文では、
1、Select
例:
解析:まずページ生成の
2、ラジオ
例(キーコードのみを示す):
3、Checkbox
例:
angular1バージョンでよく使われているselect radio checkboxの例を整理して、参考にしてください.1、Select
例:
var app = angular.module("app", []);
app.controller("AppCtrl", function ($scope) {
$scope.colorArr = [
{id: 0, val: 'red'},
{id: 1, val: 'yellow'},
{id: 2, val: 'blue'},
{id: 3, val: 'white'},
{id: 4, val: 'black'}
];
//
$scope.myColor = 2;
})
解析:まずページ生成の
elementを見ます.valueの命令にそれぞれ対応する2つの属性labelとng-optionsとがある.一方、標準オプションはitem.idコマンドを使用しており、item.valタグ属性ng-modelの値、すなわちデフォルトで選択されている.2、ラジオ
例(キーコードのみを示す):
// html
1
2
// js
$scope.checkVal = 'radio2'; // 2 valueの値があるのと同じです.ng-model値はnameタグのng-model値に等しい.すなわち、このオプションが選択されている.3、Checkbox
例:
// html
// js
$scope.checkVal = true; // valueの値から絶対チェックされていますか?checkboxの値の場合はチェックしてください.ng-modelの場合はチェックしません.