我以角度创建了一个自定义指令,这样我就可以在提交时淡出一个表单,并用带有自定义消息的模板替换它.
所需的工作流程如下：
所需的工作流程如下：
>用户填写表单并单击“提交”.
>控制器使用新对象更新模型,并发出带有一些args的“formSubmitted”事件.
>指令侦听事件并淡出表单.
>该指令加载一个部分html,其中填充了事件中的args.
我解决了前3个步骤,但是我无法绕过最后一步(我不想将html硬编码为Strings,如果可能的话我想从另一个文件中取出它).
怎么做到呢？
编辑：一些示例代码(简化)：
这是形式：
<section class="hero-unit {{containerClass}}" tk-jq-replace-children>
<h2>{{formTitle}}</h2>
<form class="form-search" name="solform" novalidate>
<fieldset>
...
这是控制器：
if( formWasSavedOk ){
$scope.formSubmittedMsg = msg;
//Here emits the custom event
$scope.$emit( 'solicitud:formSubmitted' );
}
这是指令：
.directive( 'tkJqReplaceChildren',function( $compile ){
return {
link: function( $scope,$iElement/*,$iAttrs*/ ){
//The directive listens for the event
$scope.$on( 'solicitud:formSubmitted',function( /*event*/ ){
$iElement
.children()
.fadeOut(1000)
.promise()
.done(function(){
var $detachedElments = $(this).detach();
//The html is compiled and added to the DOM
$iElement.html( $compile( "<h2>{{formSubmittedMsg}}</h2>" )($scope) );
$scope.$apply();
});
});
}
};
});
< H2> {{formSubmittedMsg}}< / H2>是我想从app / partials / create / createdOk.html中提取的代码(它不仅仅是一个标题,这就是我想从文件中加载它的原因)
