gpt4 book ai didi

javascript - 渲染部分文件 AngularJS

转载 作者:行者123 更新时间:2023-12-02 16:18:07 26 4
gpt4 key购买 nike

我有以下代码,我想在选项卡内呈现我的部分文件。

在我的service.html

<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
<script src="app.js"></script>
<script src="example.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div ng-controller="TabsDemoCtrl">


<tabset>
<tab heading="Justified"><div ng-include src="sunday.html"></div></tab>
<tab heading="SJ"><div ng-include src="monday.html"></div></tab>
<tab heading="Long Justified">Long Labeled Justified content</tab>
</tabset>
</div>
</body>
</html>

在我的 app.js 中我有以下代码

angular
.module('letsSchedulecommyApp', [
'ngCookies',
'ngResource',
'ngRoute',
'ui.bootstrap',
'ui.calendar',
'ngSanitize',
'ui.router'
])
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/cleaning_services/homepage.html',
controller: 'CleaningServicesCtrl'
})
.when('/maid-cleaners', {
templateUrl: 'views/cleaning_services/maid_cleaning_service.html',
controller: 'CleaningServicesCtrl'
})
.otherwise({
redirectTo: '/'
});

});

这是我的 plunkr 文件 http://plnkr.co/edit/PgXGQFe8mDJ1lDkpEqrx

所以基本上,我想单击选项卡,然后查看渲染的部分文件。

感谢任何帮助。

最佳答案

ng-include src 应该在 ' 单引号中,添加 ng-view 以在页面上获取 View Angular $routing View 。

HTML

<div ng-controller="TabsDemoCtrl">
<tabset>
<tab heading="Justified"><div ng-include src="'sunday.html'"></div></tab>
<tab heading="SJ"><div ng-include src="'monday.html'"></div></tab>
<tab heading="Long Justified">Long Labeled Justified content</tab>
</tabset>
<div ng-view>
</div>
</div>

关于javascript - 渲染部分文件 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29398010/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com