Javascript ng包含如何保留已包含模板的内容
首先代码Javascript ng包含如何保留已包含模板的内容,javascript,angularjs,Javascript,Angularjs,首先代码 我有一个标签的json $scope.tabs = [ { "name" : "Item1", "display" : "<span class='fa fa-cubes'></span> Localhost", "view" : "views/_item.html", "active" : 0
我有一个标签的json
$scope.tabs = [
{
"name" : "Item1",
"display" : "<span class='fa fa-cubes'></span> Localhost",
"view" : "views/_item.html",
"active" : 0
}{
"name" : "Item1",
"display" : "<span class='fa fa-cubes'></span> Localhost",
"view" : "views/_item.html",
"active" : 0
}
];
$scope.tabs=[
{
“名称”:“项目1”,
“显示”:“本地主机”,
“视图”:“视图/_item.html”,
“活动”:0
}{
“名称”:“项目1”,
“显示”:“本地主机”,
“视图”:“视图/_item.html”,
“活动”:0
}
];
tabs.view是重复的,这就是为什么当ng repeat运行ng include时会调用相同的链接。这对我来说很好。它只调用了一次模板,这对我来说也是非常有效的
现在问题来了
这是_item.html页面
值
两个标签都调用同一个页面,当运行时显示我的文本区域,内容为“值”。但当我在任何一个选项卡中编辑内容并切换到另一个选项卡,然后返回到同一个选项卡时,我发现textarea内容被重置为值
如何避免这种情况?
我不想为此制定特殊指令,如果有其他解决方案,请提出建议
为了澄清这一点,我希望ng include在加载到div中后不刷新模板问题在于您在使用ng if时
指令ng if使用$animate服务,该服务对于从html到html的动画非常有用,无需调用controller.js。使用ng if的可能示例是基于单选按钮或复选框选择的文本框视图
我建议您使用$scope变量来保留以前的值。并使用而不是ng if为变量item.view提供动画
vs您可能需要在文本区域设置
ng model
。您可能可以动态地执行此操作,但这需要一个自定义指令。ng模型似乎无法工作,您可以详细说明吗?或者您认为我需要提供更多详细信息吗?它是一个简单的文本区域,当我更改它的内容时,我希望内容保持不变,但不在标签更改时更改。谢谢我试过了,但不起作用。非常感谢,我将ng替换为ng show,它起作用了。:)欢迎快乐编码:)
$scope.tabs = [
{
"name" : "Item1",
"display" : "<span class='fa fa-cubes'></span> Localhost",
"view" : "views/_item.html",
"active" : 0
}{
"name" : "Item1",
"display" : "<span class='fa fa-cubes'></span> Localhost",
"view" : "views/_item.html",
"active" : 0
}
];
<textarea>value</textarea>