<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 中将变量传递给模板吗？
最佳答案
I find another way to solve your question, i hope this sample helps you
<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>
关于javascript - angularjs获取模板并将变量传递给模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39940639/