我有一个输入值,我想根据从 Angular 变量接收到的值设置样式。所以在我的 cshtml 中,我有:
<input type="{{d.input_type}}" ng-style={{d.input_type}} == "radio" ? 'width:40px;' : 'width:100px;" @*class="form-control"*@ @*ng-model="Customer.CustStatus"*@ name="question_answer" id="question_answer" required >
然后在我的 Angular .js 文件中有以下内容:
$scope.Question = {
Question1: '',
input_type: ''
}
$http.get('/Home/getUserInfo')
.then(function (response) {
$scope.Question = response.data;
console.log("status:" + response.status);
console.log("data: " + $scope.Question);
}).catch(function (response) {
console.error('Error occurred:', response.status, response.data);
}).finally(function () {
console.log("Task Finished.");
});
根据我收到的返回值(“radio”或“text”),我想要不同的样式。例如,我希望单选按钮的高度为 20px,文本必须为 40px。我将如何根据从“input_type”收到的文本值对我的输入值进行条件样式设置。
如有任何帮助,我们将不胜感激。
最佳答案
语法是
<input ... ng-style="{'width': d.input_type == 'radio' ? '40px' : '100px'}" ...>
因此,您首先指定要设置的属性,然后根据您的逻辑指定其值。
关于javascript - 根据传递的 Angular 值动态设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47092650/