Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs中动态更改模板_Javascript_Angularjs_Angularjs Directive - Fatal编程技术网

Javascript 如何在angularjs中动态更改模板

Javascript 如何在angularjs中动态更改模板,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,例如,我有10个模板用于预览。。请参见下面的示例,其中用户进入并输入他/她的详细信息,并且可以查看实时预览 他/她还可以通过从“选择框”的“可用模板”中选择模板名称来更改模板 据我所知,这可以通过使用angularjs自定义指令来实现。但我不知道如何做到这一点 如何做到这一点?以下是解决方案: 使用可以包含一个模板 更改select控件上的数据时,可以更改视图变量$scope.view=“x.y.z”或者您可以将ng include的变量与data ng model绑定 以下是解决方案:

例如,我有10个模板用于预览。。请参见下面的示例,其中用户进入并输入他/她的详细信息,并且可以查看实时预览

他/她还可以通过从“选择框”的“可用模板”中选择模板名称来更改模板

据我所知,这可以通过使用angularjs自定义指令来实现。但我不知道如何做到这一点

如何做到这一点?

以下是解决方案:

  • 使用
    可以包含一个模板
  • 更改select控件上的数据时,可以更改视图变量
    $scope.view=“x.y.z”
    或者您可以将
    ng include
    的变量与
    data ng model
    绑定
    • 以下是解决方案:

      • 使用
        可以包含一个模板
      • 更改select控件上的数据时,可以更改视图变量
        $scope.view=“x.y.z”
        或者您可以将
        ng include
        的变量与
        data ng model
        绑定
        • 以下是解决方案:

          • 使用
            可以包含一个模板
          • 更改select控件上的数据时,可以更改视图变量
            $scope.view=“x.y.z”
            或者您可以将
            ng include
            的变量与
            data ng model
            绑定
            • 以下是解决方案:

              • 使用
                可以包含一个模板
              • 更改select控件上的数据时,可以更改视图变量
                $scope.view=“x.y.z”
                或者您可以将
                ng include
                的变量与
                data ng model
                绑定


              请更好地解释预期行为。这就像邀请函制作网站,用户可以进入该网站并输入其详细信息,然后可以使用默认模板在实时预览中查看其数据。但网站有数百个不同设计的模板。现在用户可以通过从选择框中选择模板来预览不同设计的数据…@muni您可以使用
              ng include=“template”
              template
              名称将根据条件进行更改..请更好地解释预期行为。这就像邀请函制作网站,当用户来到并输入其详细信息时,他可以使用默认模板在实时预览中查看其数据。但网站有数百个不同设计的模板。现在用户可以通过从选择框中选择模板来预览不同设计的数据…@muni您可以使用
              ng include=“template”
              template
              名称将根据条件进行更改..请更好地解释预期行为。这就像邀请函制作网站,当用户来到并输入其详细信息时,他可以使用默认模板在实时预览中查看其数据。但网站有数百个不同设计的模板。现在用户可以通过从选择框中选择模板来预览不同设计的数据…@muni您可以使用
              ng include=“template”
              template
              名称将根据条件进行更改..请更好地解释预期行为。这就像邀请函制作网站,当用户来到并输入其详细信息时,他可以使用默认模板在实时预览中查看其数据。但网站有数百个不同设计的模板。现在,用户可以通过从选择框中选择模板预览不同设计的数据…@muni您可以使用
              ng include=“template”
              模板
              名称将根据条件更改..super。。。我想知道这比通过自定义指令执行更有效吗?。。。另外,如果你能在自定义指令的帮助下完成这项工作,这将是非常棒的。虽然有angularjs指令用于实现你正在尝试的功能,但在我看来,没有必要使用自定义指令,除非你不像你自己那样信任angularjs。超级。。。我想知道这比通过自定义指令执行更有效吗?。。。另外,如果你能在自定义指令的帮助下完成这项工作,这将是非常棒的。虽然有angularjs指令用于实现你正在尝试的功能,但在我看来,没有必要使用自定义指令,除非你不像你自己那样信任angularjs。超级。。。我想知道这比通过自定义指令执行更有效吗?。。。另外,如果你能在自定义指令的帮助下完成这项工作,这将是非常棒的。虽然有angularjs指令用于实现你正在尝试的功能,但在我看来,没有必要使用自定义指令,除非你不像你自己那样信任angularjs。超级。。。我想知道这比通过自定义指令执行更有效吗?。。。此外,如果你能借助自定义指令完成任何示例,这将是非常棒的。虽然有angularjs指令用于实现你试图实现的功能,但在我看来,没有必要使用自定义指令,除非你不像自己那样信任angularjs。
              // Code goes here
              var app = angular.module("myApp", []);