gpt4 book ai didi

angularjs - 如何禁用 md-select

转载 作者:行者123 更新时间:2023-12-04 21:55:54 24 4
gpt4 key购买 nike

我需要禁用 md-select,但在 Angular 文档中找不到它。

这是我的代码:

<md-select ng-model="idSelectedMonth" placeholder="Month"> 
<md-option ng-repeat="month in months" ng-value="month.number">
{{month.number}}
</md-option>
</md-select>

最佳答案

您可以使用 ng-disabled="true"在 md-select 标签上,如下所示

(function () {
'use strict';
var app = angular.module("App",["ngMaterial"]);



app.controller("ctrl", [function () {
/* jshint validthis: true */
var vm = this;

vm.title = "Hello World !";

vm.items = [
{id:-1, text:"No Selection"},
{id:1, text:"Item 1"},
{id:2, text:"Item 2"},
{id:3, text:"Item 3"},
{id:4, text:"Item 4"},

];

return vm;
}]);


})();
<!DOCTYPE html>
<html ng-app="App">


<head>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular-aria.js"></script>

<script src="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.js"></script>


<script src="app.js"></script>
</head>

<body>
<div ng-controller="ctrl as vm">
<h1>{{vm.title}}</h1>
<md-input-container>
<label>Please choose</label>
<md-select flex ng-model="vm.selected" ng-disabled="true">
<md-option ng-value="item" ng-repeat="item in vm.items">
<span ng-show="item.id>0"> {{item.text}}</span>
<span ng-show="item.id<0" class="highlight"> {{item.text}}</span>
</md-option>
</md-select>
</md-input-container>
</div>


</body>

</html>


您可以检查是否将 ng-disable="true"设为 "false"

关于angularjs - 如何禁用 md-select,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43472309/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com