无法在ui-view中运行JavaScript配置。
无法在ui-view中运行JavaScript配置。
提问于 2016-06-10 01:26:26
我有一个演示使用Angular UI Router：这里
app.js:
angular.module('app', ['ui.router'])
.config(function( $stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('main', {
url: '',
template: '<div ui-view></div>',
})
.state('main.home', {
url: '/home',
templateUrl: 'home.html',
controller: 'HomeCtrl',
controllerAs: 'home'
});
})
.controller('HomeCtrl', ['$scope', function ($scope) {
console.log('home');
}]);index.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>UI Router</title>
</head>
<body ng-app="app">
<a ui-sref=".main.home" href="javasacript:void(0)">Show Agoda</a>
<div ui-view=""></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script src="app.js"></script>
</body>
</html>home.html
<div>
Home Page
</div>
// This is code I need to work
<script type="text/javascript">
agoda_ad_client = "1650121_5092";
agoda_ad_width = 200;
agoda_ad_height = 200;
</script>
<script type="text/javascript" src="//banner.agoda.com/js/show_ads.js"></script>我想当点击到Show Agoda链接时，它将转到主页并显示Angoda Banner。但它不起作用。
当我不使用ui-view的时候，它可以正常工作。
index.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>UI Router</title>
</head>
<body ng-app="app">
<a ui-sref=".main.home" href="javasacript:void(0)">Show Agoda</a>
<div ui-view=""></div>
// This code work fine
<script type="text/javascript">
agoda_ad_client = "1650121_5092";
agoda_ad_width = 200;
agoda_ad_height = 200;
</script>
<script type="text/javascript" src="//banner.agoda.com/js/show_ads.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script src="app.js"></script>
</body>
</html>如何在Agoda code中使用ui-view (home.html)。谢谢你帮忙。
回答 1
Stack Overflow用户
发布于 2016-06-10 04:26:22
您可以使用以下链接尝试代码：<a ui-sref=".main.home" href="javasacript:void(0)">Show Agoda</a>将此替换为<a ui-sref="main.home" href="javasacript:void(0)">Show Agoda</a>
还将<div ui-view=""></div>替换为<div ui-view></div>
希望这能帮到你。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37738611
复制相关文章
相似问题
腾讯云开发者
