Как получить доступ к объекту или переменной в шаблоне компонента из тега компонента в angularjs - PullRequest
Новая
       11

Как получить доступ к объекту или переменной в шаблоне компонента из тега компонента в angularjs

0 голосов
/ 24 сентября 2018

У меня есть компонент, который должен отображать шаблон на основе значения, переданного через тег компонента в HTML.Вот мой код Это мой sample.js 

 (function (angular) {
    "use strict";
    var mod = angular.module("MyModule", []);
    mod.controller("controller", function ($scope) {
        $scope.somevalue=2;
    })
    mod.component("mycomponent", {
        template: function ($attrs) {
            switch ($attrs.tempdata) {
                case 1:
                    return ["<h1>1st page</h1>"];
                case 2:
                    return ["<h1>2nd page</h1>"];
                case 3:
                    return ["{{$ctrl.tempdata}}"]
            }
        },
        bindings: {
            tempdata: '='
        }
    });
})(window.angular);

Это мой HTML-код 

<!DOCTYPE html>
<html>
<head>
    <script src="Scripts/angular.js"></script>
    <script src="sample.js"></script>
</head>
<body ng-app="MyModule" ng-controller="controller">
    <mycomponent tempdata=somevalue></mycomponent>
</body>
</html>

Теперь мне нужно получитьзначение tempdata, которое передается в компонент в коммутаторе.Я использовал $ attrs.tempdata, поскольку он получит значение tempdata в виде строки, которая означает ($ attrs.tempdata = "somevalue").Когда он жестко задан, например, как 2, тогда $ attrs.tempdata = "2" Но мне не нужно это как строка.Предложите мне возможное решение для этого.

...