Angular表带select，获取值

Question

我使用 angular 表带，我的 select 看起来像这样：

<button type="button" class="btn btn-default" 
    ng-model="selectedObject" 
    data-html="1"
    bs-options="object.title for object in my_objects" bs-select>
    Action <span class="caret"></span>
</button>

my_objects数组：

$scope.my_objects = [
    {title:'1'},
    {title:'two'},
    {title:'three'}
]

当我在模板中使用 {{selectedObject}} 时，它给了我正确的结果。但是当我尝试在 Controller 中使用这个值时，$scope.selectedObject 是空的。我该如何解决？提前致谢。

Answer 1

您需要创建包装器对象来维护指向模型的指针。创建包装器对象。我已经将包装器创建为对象并将 wrapper.selectedObject 分配为 ngModel。

将您的代码更改为以下内容

<button type="button" class="btn btn-default" 
    ng-model="wrapper.selectedObject" 
    data-html="1"
    bs-options="object.title for object in my_objects" bs-select>
    Action <span class="caret"></span>
</button>

将您的控制器更改为以下

$scope.wrapper = {};

$scope.my_objects = [
    {title:'1'},
    {title:'two'},
    {title:'three'}
];

Angular表带select，获取值

Angular strap select, get value

javascript

angularjs

angular-strap