angularjs - 在 AngularJS 中使用带有 Select 标记的 ng-switch 可能存在错误

Question

我与 ng-switch 一起使用的 Select 标签在设置一次后无法正确显示或正常运行。

                <select ng-model="visuals" ng-options="visual for visual in visuals">                      

见 JSFiddle：http: //jsfiddle.net/timothybone/UaFuc/3/

提前致谢！:D

Answer 1

您不应该visuals使用 ng-model 进行绑定，因为它是项目列表。设置它用所选项目替换列表值（这是一个字符列表）。导致奇怪的行为。

<select ng-model="item" ng-options="visual for visual in visuals"> 

这个新变量必须在作用域中声明。它还用于设置初始值：

$scope.item = 'none';

您的开关用法也错误，您需要在开关块中包含条件。

  <div ng-switch on="item">
      <span ng-switch-when="lots">Youtube</span>
      <span ng-switch-default></span>
  </div>

如果您想设置 HTML 的内容，ng-bind-html-unsafe您应该提供一个变量作为参数（不确定如何以这种方式注入 javascript）。

<span ng-switch-when="lots" ng-bind-html-unsafe="youtube">Could not evaluate 'youtube' variable</span>

然后替换 span 内容。当然，必须在作用域中定义一个新变量来保存 HTML 内容：

$scope.youtube = "<hr/>This is an HTML content<hr/>";

我更新了 jsFiddle：http: //jsfiddle.net/PMpLa/4/