在运行时更改angularjs嵌套模板

Question

我有一个模板，该模板嵌套在另一个我想单击按钮时要加载的模板中。因此，嵌套模板是动态加载的。这是我到目前为止所做的。

这是主体.html（在浏览器中提供URL时加载，例如http://url#/newtemplate）>

<div ui-view> </div>
为简洁起见，已删除了代码的其他部分

这是new_template.html，我希望它在单击按钮时显示。

[当我直接在下面输入模板名称时，即当我对其进行硬编码时

<div ui-view="number1"></div>
它完全加载了模板。

这是动态模型

<button ng-model="template_name" ng-value="number1">Button1</button>
<div ui-view="{{template_name}}"></div>
{{template_name}}
以上未按预期加载模板。但在以下情况下显示字符串number1单击该按钮

我该如何加载模板。...

这是我的控制器

.state('parent',{
    url: '/newtemplate',
    views:{
        '':{
            templateUrl: "parent.tpl",
            contoller:"controller",
        },
         'number1@parent':{
            templateUrl:"number1.tpl",
            contoller:"formcontroller" 
        }, 
        'number2@parent':{
            templateUrl:"number2.tpl",
            contoller:"formcontroller"
        }, 
        'number3@parent':{
            templateUrl:"number3.tpl",
            contoller:"formcontroller"
        }
    }
})
奇怪的是，当我使用点表示法时，它不起作用，因此我必须使用绝对命名方法。我还注意到，当我如上图所示添加嵌套视图时，加载模板之前需要花费很长时间。

[请提供任何可以帮助我在运行时加载嵌套视图的帮助（可能非常快）]

我有一个模板，该模板嵌套在另一个我想单击按钮时要加载的模板中。因此，嵌套模板是动态加载的。到目前为止，这是我所做的。这是...

Answer 1

我不确定您可以使用uiView动态加载html。我会尝试其他可能的解决方案：