2016-08-28 9 views
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> 

おそらくあなたの一人がアイデアを得ているか、代替手段を見ています。

おかげで、 アンドレ

+0

角度アプリがブートストラップされている場所にコードを投稿することはできますか?多分jsfiddle? –

+0

関連する問題