html - AngularJS UI View 未在顶部加载 ngOptions

Question

Angularjs 的新手，当我在页面中包含选择时，ui-view 不会加载。我看到一个空白页面，但如果我删除选择 ng-model，一切似乎都正常。我错过了什么？这可能是一个菜鸟错误，即使你能指出正确的方向也会有所帮助。

        <!-- Header Bar -->
    <div class="row header">
      <div class="col-xs-6">
        <div class="meta">
          <div class="page">
            Dashboard
          </div>
          <div class="breadcrumb-links">
            Home / Dashboard
          </div>
        </div>
      </div>
      <div class="col-xs-6">
        <div class="page">
          <!--<div class="user pull-right">-->
          Role
          <select ng-model="$scope.selectedName" ng-options = "x for x in $scope.names">
        </div>
        <!--</div>-->
      </div>

    </div>
    <!-- End Header Bar -->

    <!-- Main Content -->
    <div ui-view></div>

Answer 1

您不需要包含 $scope在ng-model或 ng-options . Angular 会假定这些已经是作用域变量。

你也忘了关闭你的<select> .