Question

有没有办法让AngularJS部分视图成为完整的HTML文件，因此它们更容易编辑并让Angular将它们剥离到它们的主体内容（就像RequireJS文本插件使用strip选项一样）

我会澄清我的问题，因为答案和评论表明它不够明确：

目前部分文件的内容是：

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

我希望它是：

<!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>

这样我就可以将partial作为一个独立的应用程序

Answer 1

是的，您可以使用模板ng-view文件中的HTML，例如：

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

然后在您的$routeProvider中，您可以使用templateURL:，例如：

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

文件partials/register.html是一个完整的HTML文件。

Answer 2

到目前为止，我为此找到的唯一答案是实际使用带有require.js的Angular - 然后我可以利用文本插件并使我的部分真实应用程序。

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

设置这个需要花费一些精力，但它可以帮助我分别开发大量视图，然后将它们作为视图链接到我的应用程序中（同时保持单独访问它们的能力，主要用于调试））

如何使angularjs部分完整的HTML文件

2 个答案: