相关疑难解决方法(0)

有条件的ng-include in angularjs

如何在angularJS中有条件地执行ng-include?

例如,我只想包含一些东西,如果变量x设置为true.

<div ng-include="/partial.html"></div>
Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-ng-include

93
推荐指数
4
解决办法
7万
查看次数

为angularjs中的多个局部视图创建单个html视图

我希望创建一个包含多个标签的单个html文件.这些应该作为单独的单独视图,通常保存在partials文件夹中.然后我希望在路由控制器中指定它们.现在我正在做如下:app.js

    angular.module('productapp', []).
    config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/productapp', {templateUrl: 'partials/productList.html', controller: productsCtrl}).
        when('/productapp/:productId', {templateUrl: 'partials/edit.html', controller: editCtrl}).
        otherwise({redirectTo: '/productapp'});
        }], 
        ['$locationProvider', function($locationProvider) {
            $locationProvider.html5Mode = true;
}]);
Run Code Online (Sandbox Code Playgroud)

的index.html

    <!DOCTYPE html>
<html ng-app = "productapp">
<head>
<title>Search form with AngualrJS</title>
        <script src="../angular-1.0.1.min.js"></script>
        <script src="http://code.jquery.com/jquery.min.js"></script>
        <script src="js/products.js"></script>
        <script src="js/app.js"></script>
</head>
<body>
    <div ng-view></div>
</body>
</html> 
Run Code Online (Sandbox Code Playgroud)

在partials文件夹中:我有2个名为edit.html和productlist.html的html视图

我希望将它们组合成一个独立的文件而不是创建这两个文件,并通过路由调用它们(div).我该怎么做呢?

routing routes angularjs

23
推荐指数
1
解决办法
5万
查看次数

标签 统计

angularjs ×2

angularjs-ng-include ×1

routes ×1

routing ×1