在md-select中为选中的值添加标题,可以通过以下步骤实现:
<md-select ng-model="selectedValue">
<md-option ng-value="option.value" ng-repeat="option in options">{{option.label}}</md-option>
</md-select>
$scope.options = [
{label: 'Option 1', value: 'option1'},
{label: 'Option 2', value: 'option2'},
{label: 'Option 3', value: 'option3'}
];
<md-select ng-model="selectedValue" ng-change="updateTitle()">
<md-option ng-value="option.value" ng-repeat="option in options">{{option.label}}</md-option>
</md-select>
$scope.updateTitle = function() {
$scope.selectedTitle = $scope.options.find(option => option.value === $scope.selectedValue).label;
};
<h3>{{selectedTitle}}</h3>
这样,当用户选择不同的选项时,标题会自动更新为选中值的对应标签。
腾讯云相关产品推荐:
领取专属 10元无门槛券
手把手带您无忧上云