2
私は非常に基本的な角型ルータを構築しました。しかし、私はそのtemplateUrl内の要素とやりとりしたいので、javascriptは実行されません。あるいは、templateUrl内の要素にアクセスすることはできません。この命令のコードのほとんどをコピーしました。here。 角型ルータのJavascript
私のインデックスファイル:<html ng-app="myApp">
<head></head>
<body ng-controller="mainController">
<a id="btnHome" href="#/">Startseite</a>
<a id="btnPlanner" href="#/planner">LTC-Planner</a>
<a id="btnSocial" href="#/social">LTC-Social</a>
<div id="main">
<!-- angular content -->
<div ng-view></div>
</div>
<script src="js/routing.js"></script>
</body>
</html>
これは私のrouting.jsファイルです:
// Create the angular module
var myApp = angular.module('myApp', ['ngRoute']);
// Configure our routes
myApp.config(function($routeProvider) {
$routeProvider
// Route for the home page
.when('/', {
templateUrl: 'pages/home.html',
controller: 'mainController'
});
});
// Create the controller and inject angular's $scope
myApp.controller('mainController', function($scope) {
$scope.message = 'This is the HOME page';
});
、これはページ/ home.htmlにあるテンプレート・ファイルです:
<button id="btnTest">Say Hello</button>
<script>
var btnTest = document.getElementById('btnTest');
btnTest.addEventListener('click', function(){
console.log('Hello');
});
</script>
おそらくあなたの一人がアイデアを得ているか、代替手段を見ています。
おかげで、 アンドレ
角度アプリがブートストラップされている場所にコードを投稿することはできますか?多分jsfiddle? –