Angularjs ui路由器：无绑定、无加载、无错误_Angularjs_Angular Ui Router

Angularjs ui路由器：无绑定、无加载、无错误

angularjs

Angularjs ui路由器：无绑定、无加载、无错误,angularjs,angular-ui-router,Angularjs,Angular Ui Router,编辑：这里有一个我对ui路由器的问题有点失望，因为它是一种非常基本的用途我有一个“空”html索引文件，它欢迎ui视图。我创建了两个主要模板：application.html和public.html。基本上，它们有两个不同的页眉/页脚 index.html <!DOCTYPE html> <html ng-app="taApp"> 注意：ui sref状态不起作用，因为它应该加载“app”状态。我还试图强制ui view=“app”或“public”，但没有成功

编辑：这里有一个

我对

ui路由器的问题有点失望，因为它是一种非常基本的用途
我有一个“空”html索引文件，它欢迎ui视图
。我创建了两个主要模板：application.html
和public.html
。基本上，它们有两个不同的页眉/页脚
index.html
<!DOCTYPE html>
<html ng-app="taApp">

注意：ui sref状态不起作用，因为它应该加载“app”状态。
我还试图强制ui view=“app”
或“public”
，但没有成功
我在gulp
上使用angular ui路由器
包
有件事我错过了，也弄不明白
 有
我猜标记为抽象的public
状态应该是所有状态的父级。因此，我们需要像这样调整state def：
  $stateProvider
    .state('public', {
      url: '',
      abstract: true,
      templateUrl: 'public.html',
      /*views: {
    'topbar': { template: 'public.topbar' },
    'login': { template: 'public.login' }
    }*/
    })
    .state('auth', {
      parent: 'public',
      url: '/auth',
      templateUrl: 'partials/login/loginCard.html'
    })

  /*** LOGGED STATES ***/
  //login
  .state('app', {
    parent: 'public',
    templateUrl: 'application.html',
    controller: 'authCtrl',
    url: '/app'
  })

默认情况下，任何子状态都会将其视图插入父状态。因此，我们必须确保父模板public.html包含
<div ui-view=""></div>



还有其他的方法，但这是最简单的场景，基于更新的问题，相关的，我更新了
首先，必须首先加载角度
<script src="script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>

我们已经将其添加到index.html中
<!DOCTYPE html>
<html ng-app="taApp">

但是一旦他们的代码被添加到页面上。。。这将与他们合作。因此，这个例子是
nope public和app处于同一级别。但在不久的将来，它们中的每一个都将有两个子项：页眉和页脚（与典型的教程viewA和viewB一样）。它只通过defaultWell重定向到public/auth，这样就更容易了，只需删除父项：'public'，所有操作都会正常工作。观察我的砰砰声，你会发现有什么不同。。。哦，你提供了普朗克。。将尝试观察itI添加了一个带有真实内容模板的主题。我有同样的问题需要添加新的答案，以及与你的plunker版本相关的所有细节。希望现在清楚了。。作者不再是公众的孩子了。。但可能如图所示。祝你好运UI Routeryeah我把它忘在打劫文件里了抱歉！你换了别的东西吗？当我改变我的plunkr以添加你提到的2条信息时。。但它仍然不存在！该错误似乎与另一个角度库有关。我没看到你评论其他依赖性。我必须更深入地检查它们。谢谢你的帮助！
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
<script src="script.js"></script>

var myApp = angular.module('taApp', 
[
    'ui.router' //,'ui.bootstrap','ui.sortable', 'ngResource'
]);

<!DOCTYPE html>
<html ng-app="taApp">

 'ui.router' //,'ui.bootstrap','ui.sortable', 'ngResource'