AngularJS如何从ng-view的模板中插入head标签

米奇

我已经习惯了使用Laravel的Blade模板引擎,但是现在我正在学习在前端使用AngularJS,因此我放弃了Blade。

我想包括一些特定网页脚本标记,我不希望,包括我的主上<ng-view></ng-view>

例如,我的主页看起来像这样:

<html>
    <head>
        // want to be able to inject stuff here from the ng-view's template
    </head>
    <body>
        <ng-view></ng-view>
    <body>
</html>

通常在laravel中,我可以@yield在head标签中添加一个,以便稍后在模板中可以@section访问head标签。我可以用Angular做类似的事情吗?

醋甲酸酯

我们会尽力的

<html ng-app="myApp">
    <head>
        <script ng-repeat="script in headScripts" ng-src="script"/>
    </head>
    <body>
        <ng-view>
            <div ng-click="addHeadScript('/scripts/new.js');"></div>
        </ng-view>
    <body>
</html>

var app = angular.module('myApp');
app.run('$rootScope', function($rootScope){
    $rootScope.headScripts = [];
    $rootScope.addHeadScript = function(src){
        $rootScope.headScripts.push(src);
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在angularjs ng-view中禁用$ anchorScroll

如何使用ng-repeat和ng-if在AngularJS中显示或隐藏某些HTML标签

如何在Angularjs中的ng-repeat中显示单行

如何在Angularjs中的ng-model中处理数组

如何在angularjs中从ng-repeat分配ID值

AngularJS:如何在ng-repeat中获取索引值?

如何在 AngularJS 的 ng-repeat 中获取函数结果?

如何使用angularjs在ng-repeat中打印Json数据?

如何从angularjs ng-route中删除哈希号

如何在AngularJs中收集ng-model Checkbox?

AngularJS-如何在ng-repeat中重复tr

如何在AngularJS的ng-options中设置value属性?

ng-app 如何处理 AngularJs 中的空白模块

AngularJS - 如何在 ng -repeat 中显示日期

如何让 ng-show 在 AngularJS 指令中工作?

如何在angularjs中的ng-repeat中比较值

AngularJS:如何获取ng-option中的唯一值?

如何从angularjs指令中的ng-options返回对象的索引

在AngularJS中输入ng-change时如何提交表单

如何使用AngularJS在ng-init中传递范围变量

如何实现使用ng-if在angularJS中检查空日期?

如何在ng-repeat angularjs中显示高图

AngularJS-如何访问嵌套的ng-repeat中的数组

如何在ng-repeat中的angularJs中生成发票?

Angularjs ng-Repat 如何从名称中删除扩展

如何在ejs模板中从angularJS解析ng-model变量

AngularJS指令:属性更改后如何更新模板中的ng-class

如何在angularjs中基于ng-if的ng-options中应用两个列表?

如何在AngularJs的mutilpe文本字段的ng-repeat中实现ng-model?