javascript - 角度材料 md-country-select 不与 ng-model 绑定

Question

我正在为国家下拉列表使用角度材料和md-country-select，但它不与 ng-model 绑定。

<md-country-select ng-model="user.country"></md-country-select>

这是一个错误还是我做错了什么。

我已经使用过ng-country-select并且效果很好，但我需要 md-country-select 因为一些设计依赖于有角材料。有什么想法吗 ？

Answer 1

该指令使用控制器作为语法，因此您应该能够使用以下内容检索所选国家：

<md-country-select></md-country-select>
<md-card>
     {{vm.country.name}}
</md-card>

在您的控制器中，您可以使用$watch：

 $scope.$watch('vm.country', function(val) {
    console.log(val); // returns object: {code: "AS", name: "American Samoa"}
 });

我实际上找不到有关此指令的任何文档，但我创建了一个快速演示。也许其他人知道实现这一目标的更好方法......