angularjs – 角度修改元标记

发布时间：2020-12-17 08:00:42 所属栏目：安全来源：网络整理

导读：我有一个元标记(苹果智能横幅),我想动态修改参数.但它目前无法正常工作：我假设在创建头之前调用ng-init？如果是这样,我可以通过加载方法修改元数据？这是html： !doctype htmlhtml lang="en" ng-app="myApp" class="passWindowDimensions"head meta chars

我有一个元标记(苹果智能横幅),我想动态修改参数.但它目前无法正常工作：

我假设在创建头之前调用ng-init？如果是这样,我可以通过加载方法修改元数据？

这是html：

<!doctype html>
<html lang="en" ng-app="myApp" class="passWindowDimensions">
<head>
    <meta charset="utf-8">
    <title>XXXXXX</title>
    <link rel="stylesheet" href="css/app.css"/>
    <link rel="stylesheet" href="css/bootstrap.css"/>

    <meta name="apple-itunes-app" content="app-id=XXXXXXX,app-argument = {{paramRId}}">

    <!--Let search engines know we are a single page ajax app-->
    <meta name="fragment" content="!">

    <script src="js/JQuery.js"></script>
    <script src="js/searchFunctions.js"></script>


</head>

部分：

<div data-ng-init="loadMe()" div class="col-md-12 passWindowDimensions">

控制器：

/**
         * Loading sequence. Loads the results
         */
        $scope.loadMe = function(){

          $scope.paramRId = 'test';


       };

尝试服务和指令

http://jsfiddle.net/VnXYB/

module.factory("smartBanner",function() {
    return {
        appId: "",appArgument: ""
    }    
});
module.directive("smartBanner",function(smartBanner){
    return {
        restrict: "E",template: '<meta name="apple-itunes-app" content="app-id={{smartbanner.appId}},app-argument = {{smartbanner.appArgument}}"></meta>',replace: true,link: function(scope) {
            scope.smartbanner = smartBanner
        }
    } 

});
module.controller("TestCtrl",function($scope,smartBanner){
    $scope.update = function() {
        smartBanner.appId=$scope.appId;
        smartBanner.appArgument=$scope.appArgument;
    };
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!