个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我希望能够在我的应用程序的所有状态(基本上是标题和侧边栏)中使用两个常见组件。我已经阅读了文档，但我一定错过了一些东西。我如何在各州重用标题和侧边栏
$stateProvider
.state('home', {
url: '/leads:id',
views: {
'details': {
templateUrl: '../views/details.html',
controllerProvider: function($stateParams) {
if($stateParams.id) {
return 'CompanyDetails as companydetails';
}else {
return 'NewCompanyDetailsController as companydetails';
}
}
},
'sidebar': {
templateUrl: '../views/sidebar.html'
},
'header': {
templateUrl: '../views/header.html',
controller: 'HeaderCtrl as header'
},
'vehicledetails': {
templateUrl: '../views/vehicledetails.html',
controller: 'VehicleDetailsController as vehicledetails'
},
'comments': {
templateUrl: '../views/comments.html',
controller: 'CommentsController as comments'
},
'saveupdate': {
templateUrl: '../views/saveupdate.html',
controller: 'SaveUpdateDetailsController as saveupdate'
}
}
});
我想创建另一个名为“数据”的状态，例如它重用标题和侧边栏。我怎样才能实现这一点而不需要再次写下所有组件？
我做了一些阅读，现在，我有一个更新的状态提供程序，它在所有路由上显示公共(public)标题和侧边栏，但实际容器内的数据根本没有显示。这是我更新的代码
$stateProvider
.state('home', {
abstract: true,
views: {
'header': {
templateUrl: '../views/header.html',
controller: 'HeaderCtrl as header'
},
'sidebar': {
templateUrl: '../views/sidebar.html'
}
},
resolve: {
somedata: function(){return {}}
}
})
.state('home.login', {
url: '/',
views: {
'login@home': {
templateUrl: '../views/login.html'
}
}
})
.state('home.leads', {
url: '/leads:id',
views: {
'details@home': {
templateUrl: '../views/details.html',
controllerProvider: function($stateParams) {
if($stateParams.id) {
return 'CompanyDetails as companydetails';
}else {
return 'NewCompanyDetailsController as companydetails';
}
}
},
'vehicledetails@home': {
templateUrl: '../views/vehicledetails.html',
controller: 'VehicleDetailsController as vehicledetails'
},
'comments@home': {
templateUrl: '../views/comments.html',
controller: 'CommentsController as comments'
},
'saveupdate@home': {
templateUrl: '../views/saveupdate.html',
controller: 'SaveUpdateDetailsController as saveupdate'
}
}
});
和我的index.html
<body ng-app="MyApp">
<div id="page-wrapper" ng-class="{'open': toggle}" ng-cloak class="open" ng-controller="SlideCtrl">
<div id="sidebar-wrapper" ui-view="sidebar">
</div>
<div id="content-wrapper">
<div class="page-content">
<!-- Header Bar -->
<div class="row header" ui-view="header">
</div>
<!-- Header Bar -->
<div ui-view="login"></div>
<div ui-view="details" class="panel panel-default col-xs-11" ></div>
<div ui-view="vehicledetails" class="panel panel-default col-xs-11" ></div>
<div ui-view="comments" class="panel panel-default col-xs-11" ></div>
<div ui-view="saveupdate"></div>
</div>
</div>
</div>
<script src="js/main.js"></script>
</body>
最佳答案
我现在实际上设法使用此链接 https://stackoverflow.com/a/28826126/1679310 使其正常工作
我会解释我的答案，因为在我自己做之前我无法理解它是如何工作的。您需要它存在才能让子状态插入它。 https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#scope-inheritance-by-view-hierarchy-only
基本上，您在index.html中创建一个主ng View ，作为其他部分的容器，然后您基本上将所有子ui View 包含在另一个布局中，该布局将作为所有状态的父 View 。
所以本质上你的结构是这样的
<body ng-app="MyApp">
<div id="page-wrapper" ng-class="{'open': toggle}" ng-cloak class="open" ng-controller="SlideCtrl">
<div ng-view>
</div>
</div>
<script src="js/main.js"></script>
和另一个具有布局的文件
<div id="sidebar-wrapper" ui-view="sidebar">
</div>
<div id="content-wrapper">
<div class="page-content">
<!-- Header Bar -->
<div class="row header" ui-view="header">
</div>
<!-- Header Bar -->
<div ui-view="login"></div>
<div ui-view="details" class="panel panel-default col-xs-11" ></div>
<div ui-view="vehicledetails" class="panel panel-default col-xs-11" ></div>
<div ui-view="comments" class="panel panel-default col-xs-11" ></div>
<div ui-view="saveupdate"></div>
</div>
</div>
那么你基本上遵循这里的模式
$stateProvider
.state('home', {
abstract: true,
views: {
'@': {
templateUrl: '../views/layouts.html'
},
'header@home': {
templateUrl: '../views/header.html',
controller: 'HeaderCtrl as header'
},
'sidebar@home': {
templateUrl: '../views/sidebar.html'
}
}
})
.state('home.login', {
url: '/',
views: {
'login@home': {
templateUrl: '../views/login.html'
}
}
})
对于您所有的州。这对我有用，我很确定这是正确的方法。
关于angularjs - 使用不同状态的通用模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30523142/
24
4
0
我使用 AppFuse 创建项目已经有一段时间了。我已经知道有两种方法可以开发 DAO 和 Manager 类: GenericDao/GenericManager 方法 UniversalDao/U
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
在普通的单线程程序中，捕获异常只需要通过try ... catch ... finally ...代码块就可以了。那么，在并发情况下，比如在父线程中启动了子线程，如何在父线程中捕获来自子线程的异常，
假设我有一个这样的界面 interface Example { first_name: string, last_name: string, home_town: string
我已经成为 hg 用户几年了，对此我很高兴! 我必须开始一个我以前从未做过的项目。我们的想法是开发一个具有批处理模式和 GUI 的软件。 因此，批处理模式和 GUI 模式都有共同的源，但每种模式也都包
我可以在Silverlight中使用generic.xaml来设置应用程序中所有TextBlock的样式吗？ 我原以为它会起作用，但它没
顶部 map 有 3 个子 map ，每个子 map 都有不同的对象。 像下面的代码，如何将通用添加到 map 顶部？ Map top = new ConcurrentHashMap();
我想创建一个hashmap，其中键是接口(interface)A，值是接口(interface)B。然后我想用实现A和B的类来初始化它。是否可以使用java泛型来做到这一点？ 也就是说，我想要类似的东
Enum 位于 java.lang.Enum 中，Object 位于 java.lang.Object 中>。那么，为什么 Enum 不是 Object 呢？ (我收到一个java.lang.Clas
我有一种方法，check，它有两个 HashMap 作为参数。这些映射的键是 String，值是 String 或 Arraylist。 哪个是更好的解决方案: public static boole
我启动了针对iPhone的应用程序，现在我也想将其应用程序用于iPad。当我开始做iPhone项目时，即使我添加了iPad xib，它也无法正确显示，如何转换我的项目同时适用于iPhone和iPad(
这行代码(代码1)有什么区别 auto l1 = [](auto a) { static int l = 0; std::cout operator() for type const char*) 被
使用 Generic#to，我可以获得 case class 的 HList 表示: import shapeless._ case class F(x: Int, y: String) scala>
我有一个 BiDiMap 类。如何使其通用，不仅接受 String 而且接受 Object 类型的对象作为输入参数，同时保持所有原始函数正常工作。例如，我希望能够使用函数 put() 和 Object
我在编译 foreach 循环时遇到问题。我很确定这是我的泛型处理的问题，因为该错误是对象兼容性问题。我已搜索解决方案，但找不到任何可以解决该问题的内容。 这是定义 Iterable adjList
大约有 6 个 POJO 类(域实体、DTO、DMO)都具有几乎相同的字段。为了从一个对象转换为另一个对象，我传递一个对象并调用它的 getter 将其设置到另一个对象中。 private UserT
有没有什么方法可以创建一个通用的 for 循环，它可以正确地循环遍历数组或对象？我知道我可以编写以下 for 循环，但它也会遍历将添加到数组的其他属性。 for (item in x) { co
我已经有一段时间没有写js了，显然有点生疏了。试图理解以下问题。 getCurrentPosition successCallback 中的警报正确显示纬度，但最后一行警报未定义。为什么我的 clie
请帮助我，我从来没有用 xib 为 iPhone/iPad 制作过通用的 UIViewControllers。如何使用 .m 和 .h 文件以及 _iphone.xib 和 _ipad.xib 创建类
我正在尝试创建一个 createRequest 函数，我可以将其重新用于我的所有网络调用，有些需要发布 JSON 而其他则不需要，所以我正在考虑创建一个采用可选通用对象的函数；理论上是这样的: str
我是一名优秀的程序员,十分优秀！