Angularjs - JavaScript的不加載的局部視圖內

我試着用指令來加載腳本，但它不工作，我有一個應用程序，它應該顯示裏面的部分圖表（瓜哥米），試圖粘貼內部分腳本查看但沒有用，甚至指令也不起作用。但是，如果頁面正常加載它的工作，當它用作部分它不顯示任何圖表（腳本相關的東西）Angularjs - JavaScript的不加載的局部視圖內

任何簡單的例子，以加載腳本內angularjs的部分視圖？

的index.html

<!DOCTYPE html> 
<html> 
<head> 
    <!-- CSS (load bootstrap) --> 
    <link rel="stylesheet" href="bootstrap.min.css"> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

    <!-- JS (load angular, ui-router, and our custom js file) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script> 

    <script src="angular-ui-router.min.js"></script> 

    <script src="app.js"></script> 
</head> 

<body ng-app="routerApp"> 

<!-- NAVIGATION --> 
<nav class="navbar navbar-inverse" role="navigation"> 

    <ul class="nav navbar-nav"> 
     <li><a ui-sref="home">Customer Details</a></li> 
     <li><a ui-sref="about">Job Details</a></li> 
    </ul> 
</nav> 

<!-- MAIN CONTENT --> 

<div class="container"> 
    <div ui-view></div> 
</div> 

</body> 
</html>

app.js

var routerApp = angular.module('routerApp', ['ui.router']); 

routerApp.config(function($stateProvider, $urlRouterProvider) { 

    $urlRouterProvider.otherwise('/home'); 

    $stateProvider 

     // HOME STATES AND NESTED VIEWS 

     .state('home', { 
      url: '/home', 
      templateUrl: 'partial-home.html' 
     }) 


     .state('home.list', { 
      url: '/list', 
      templateUrl: 'partial-home-list.html', 
      controller: function($scope) { 
       $scope.dogs = ['Bernese', 'Husky', 'Goldendoodle']; 
      } 
     }) 


      //JOB Section Navigations 

.state('job', { 
      url: '/jobdetails', 
       templateUrl: 'jobdetails.html' 

     }) 


     // ABOUT PAGE AND MULTIPLE NAMED VIEWS 
     .state('about', { 
      url: '/about', 
      views: { 
       '': { templateUrl: 'partial-about.html' }, 
       '[email protected]': { template: 'Look I am a column!' }, 
       'columnT[email protected]': { 
        templateUrl: 'table-data.html', 
        controller: 'scotchController' 
       } 
      } 

     }); 

}); 

routerApp.controller('scotchController', function($scope) { 

    $scope.message = 'test'; 

    $scope.scotches = [ 
     { 
      name: 'Macallan 12', 
      price: 50 
     }, 
     { 
      name: 'Chivas Regal Royal Salute', 
      price: 10000 
     }, 
     { 
      name: 'Glenfiddich 1937', 
      price: 20000 
     } 
    ]; 

}); 

routerApp.directive('jsSidebar' , function() { 
    return { 
     link: function(scope, element, attrs) { 

      alert('testing'); 

     } 
    } 
});

局部home.html做爲

<div > Home partial page </div> 
<a ui-sref="job"> Click to Display Chart </a> 
<div ui-view></div>

jobdetails.html

<script > 
//Chart library is mentioned which is over 2000lines 
</script> 
<!-- here chart supposed to be rendered--> 
<div id="id_of_chart"></div> 
<div jsSidebar >Testing purpose</div>

來源

2015-02-24 venkatesh52

請發表您的代碼 – Michelangelo 2015-02-24 11:18:44

好的，完成了。編輯！ – venkatesh52 2015-02-24 11:48:05

您的控制檯是否提供錯誤？ – Michelangelo 2015-02-24 12:06:54