如何在Angular中的md-radio-button上进行“检查”

时间:2016-01-04 12:31:08

标签: angularjs angularjs-scope

我需要查看md-radio按钮。我在他们的网站上看到他们在app.js的范围内进行了操作,但需要动态地进行。我尝试了ng-checked但没有用。

有没有办法修改data的javascript变量$scope来添加选中的内容?

3 个答案:

答案 0 :(得分:2)

将控制器的范围变量初始化为md-radio-button定义的值。

在控制器中:

$scope.gender = 'male';

在模板中:

<md-radio-button ng-model="gender" value="male">Male</md-radio-button>

这里将选择男性。 您甚至可以在某些操作(单击,ajax加载等)上更改它,您只需将模型值更改为正确的值即可将其选中。

答案 1 :(得分:0)

ng-checked用于仅检查要与 -

一起使用的复选框类型按钮
<input type="checkbox" name="gender" value="male" ng-checked="male"> Male

<md-checkbox value="male" ng-checked="male" aria-label="male"> Male </md-checkbox>

如果您想要选中 md-radio-button 单选按钮,请使用 ng-value 代替 value 而不 ng-checked="male" 例如

<md-radio-group ng-model="gender">
    <md-radio-button ng-value="male" >mlae </md-radio-button>
    <md-radio-button ng-value="female" >female </md-radio-button>
</md-radio-group>

此代码段将模拟性别的值,如果以前性别=&#39;男性,则会检查男性

希望这会有所帮助!

答案 2 :(得分:0)

我看到你需要从DB加载它,尝试它,你承诺:

promise.then( function (response) {
   $scope.yourVarHere = response.data.yourValueFromServer;
});