angularjs中父子状态的关系
我有一个关于父状态和子状态的问题。我有一个按钮。当我单击该按钮时,它会打开一个模式(状态:angularjs中父子状态的关系,angularjs,ui-sref,Angularjs,Ui Sref,我有一个关于父状态和子状态的问题。我有一个按钮。当我单击该按钮时,它会打开一个模式(状态:context.form)。它正常,但我有另一个状态,称为new(新状态是context.form状态的子状态)。我想做的是,当我单击按钮时,父状态和子状态应该一起执行。我认为问题在于视图代码博客,因为我写的不是视图,而是另一个模式,它正在工作 打开modal时,子状态应显示在ui视图字段中。 我的代码: contextForm.html &时代; 创造 新闹钟 上下文对话2.html <
context.form
)。它正常,但我有另一个状态,称为new
(新状态是context.form
状态的子状态)。我想做的是,当我单击按钮时,父状态和子状态应该一起执行。我认为问题在于视图代码博客,因为我写的不是视图,而是另一个模式,它正在工作
打开modal时,子状态应显示在ui视图字段中。
我的代码:
contextForm.html
&时代;
创造
新闹钟
上下文对话2.html
<div class="form-group">
<div class="col-md-1"><label data-translate="" style="margin-left:-8px" for="field_publicWatch">Public:</label></div>
</div>
公众:
请尝试将名称添加到用户界面视图
中,并将其添加到视图
中的“新建”状态,而不是上下文。表单
,同时将url添加到新状态/form/x
;这只是为了测试,如果你能使plunker.Child状态只在你进入该状态时加载。当您单击按钮时,它不会进入子状态。@RahulSharma我知道。如何传递子状态?父状态包含contextForm,contextForm包含ui视图。@Maher同样的问题continues@Belhanda我想你需要在点击时重定向到孩子。因为如果不重定向,如果可以在父级中加载子级数据,则不使用子级。
<div class="" style="border-bottom:solid; border-bottom: solid; height:25px;border-bottom-width: 1px;background-color: #337ab7">
<button type="button" class="close" data-dismiss="modal" style="margin-right:30px; color:white; margin-top:2px"
aria-hidden="true" ng-click="vm.clear()">×</button>
<h4 class="modal-title" id="myContextLabel" style="margin-left:20px; color:white"
data-translate="eventinsightwebApp.context.home.createOrEditLabel">Create
New Alarm Watch</h4>
</div>
<div id="form-container" style="margin-top:30px">
<!-- use ng-submit to catch the form submission and use our Angular function -->
<form id="signup-form">
<!-- our nested state views will be injected here -->
<div id="form-views" ui-view></div>
</form>
</div>
<div class="form-group">
<div class="col-md-1"><label data-translate="" style="margin-left:-8px" for="field_publicWatch">Public:</label></div>
</div>