采用NG-选项和NG-开关一起时出现的问题(Problems when using ng-optio

我有当我试图用NG选项和NG-开关一起在AngularJS动态改变什么内容放在页面上的小部件制造商我工作的问题。

我有两个问题，我遇到：
1.我似乎无法设置NG-选项默认值被从它显示的JSON模式设置。
2.当我改变NG选项字段下断开关，不再showes正确的代码。

下面是代码：

<div ng-app="">
  <div data-ng-controller="SimpleController">
    Type: <select ng-model="config.type" ng-options="inputTypes.option for inputTypes in dropDownOptions"></select><br/>
    Source/Content: <input type="text" ng-model="config.content" /><br/>
    <br/>
    <div ng-switch on="config.type">
      <img ng-switch-when="image" ng-src="{{config.content}}">
      <div ng-switch-when="text" >{{config.content}}</div>
    </div>
  </div>
</div>
<script>
  function SimpleController($scope) {
    $scope.dropDownOptions = [
  {"option": "image"},
  {"option": "text"}
 ];
 $scope.config = {
   "type":"text",
   "content":"Hello"
 };
  }
</script>

这里是一个链接到的jsfiddle运行它http://jsfiddle.net/jpeak/dkvwa/

Answer 1:

问题是，当你使用NG-选项，并选择一个项目，它选择整个对象，即使只是你指定单个键出现在选择。 所以，当你选择“文本”，$ scope.config.type被设定为{“选项”：“文本”}，而不是仅仅“文本”。

文章来源: Problems when using ng-options and ng-switch together