Question

<section ng-app="app" ng-controller="ctrl">   
    <div id="output">{{ foo }}</div>
    <button ng-click="myFun()">Click me</button>
</section>

var app = angular.module("app", []);
app.controller('ctrl', function($scope, $http){
    $scope.bar = 123;
    $scope.myFun = function(){
        $http.get('template.html').then(function(response){
            $scope.foo = response.data;
        }); 
    };  
});

//模板

<h1>{{ bar }}</h1>

我是angularjs的新手

我尝试创建一个ng-click并将模板数据放到页面中，如ajax

我尝试在模板中使用变量

任何人都知道如何将变量传递给angularjs中的模板？

Answer 1

我找到另一种方法来解决你的问题，我希望这个样本可以帮助你

 <html ng-app="app" ng-controller="ctrl">
 <head>
<title>sample</title>
</head>
<body>
<div ng-include="template"></div>
<button ng-click="myFun()">Click me</button>

<script src="angular.js"></script>
<script type="text/javascript">
    var app = angular.module("app", []);
    app.controller("ctrl",
        function ($scope) {
            $scope.bar = 123;

            $scope.myFun = function () {
                $scope.template = "temp.html";
            };
        });
</script>

<强>模板

<h1>{{ bar }}</h1>

angularjs获取模板并将变量传递给模板

1 个答案: