如何使angularjs片段成为完整的html文件_Angularjs

如何使angularjs片段成为完整的html文件

angularjs

如何使angularjs片段成为完整的html文件,angularjs,Angularjs,有没有办法让AngularJS部分视图成为一个完整的HTML文件，这样它们就更容易编辑并将它们带到身体内容中（很像RequireJS文本插件使用strip选项所做的）我将澄清我的问题，因为答案和评论表明问题不够清楚：当前部分文件的内容为： <p>{{value}}</p> {{value} 我希望它是： <!doctype html> <html><head><!-- with all things in the hea

有没有办法让AngularJS部分视图成为一个完整的HTML文件，这样它们就更容易编辑并将它们带到身体内容中（很像RequireJS文本插件使用strip选项所做的）

我将澄清我的问题，因为答案和评论表明问题不够清楚：

当前部分文件的内容为：

<p>{{value}}</p>

{{value}

我希望它是：

<!doctype html>
<html><head><!-- with all things in the head to make it work stand alone HTML of Angular app --></head>
<body>
    <p>{{value}}</p>
</body>
</html>


{{value}}

因此，我将能够作为一个独立的应用程序处理分部文件

是的，您可以在模板

HTML

文件中使用

ng视图

，例如：

<html ng-app="myApp">
    <head>
     ...
    <head>
    <body ng-view>
    </body>
</html>

文件

partials/register.html

是一个完整的

html

文件。

到目前为止，我找到的唯一答案是将Angular与require.js结合使用，这样我就可以利用文本插件，让我的partials成为真正的应用程序

方法是使用require的文本插件和strip选项配置你的应用程序来加载所有模板，然后你的视图可以有忽略头部和身体的html，这样你就可以提供必要的require.js文件（如果它与普通应用位于同一级别，它可以与普通应用共享相同的require.js配置-我决定将它们放在相邻的文件夹中。但是它们确实需要不同的require.js main-因此main需要引用配置）

设置它需要一些努力，但它可以帮助我单独开发包含大量逻辑的大型视图，然后将它们作为视图链接到我的应用程序中（同时保持单独访问它们的能力，主要用于调试）

您可以使用“templateUrl:”而不是“template:”；）为什么当部分包含完整的HTML信封时更容易编辑？从那时起，我可以自己运行它-找到并纠正它的错误，而不用让应用程序的其余部分挂在我的脖子上

$routeProvider.when('/register', {templateUrl: 'partials/register.html', controller: 'RegisterCtrl'});