Question

我是网络编程的新手。现在我正在使用离子工作，主要关注使用angularjs。我只是想问一些愚蠢的问题。

我的应用程序的情况是有链接到不同URL（.html）的img链接列表，其中页面中只包含单词（这些页面是我无法更改任何内容的其他网站）。我只是想首先导航到一个新页面并显示这些内容并从url（.html）中执行一些css样式。只使用ajax但angularjs才能这样做吗？这样做有没有演示？

****编辑版**** 我的想法与本教程（包括源代码）完全相同：http://css.dzone.com/articles/tutorial-how-create-responsive?page=0,2

现场演示：http://www.script-tutorials.com/demos/359/index.html#!/

但是这里的源代码只是引用了<a class="xxx" href="#!/project/product1" style="background-color:#87b822"/a>之类的相对路径网址我可以参考其他网站，例如href="http://justinjackson.ca/words.html，并在我的网页中为这些内容添加一些css样式吗？

Answer 1

有几种方法可以做到这一点

1- ng-include

你可以使用条件ng包括，在这里你可以改变v

<div ng-include="x ? 'your-html-file.html' : null"></div>

例如x在范围

上

$scope.x = false;
$scope.setX = function(){$scope.x=true;}

并在img上点击

  <img ng-click="setX()">

2-路由

您可以使用路由，您可以下载角度路由并通过将其注入模块

来使用它

将其包含在索引页

中

<script src="js/angular-route.js"></script>

制作页面文件夹并在其中制作页面/部分模板

现在在app.js中你可以像这样定义你的路线

var youApp= angular.module('youApp', ['ngRoute']);

    // configure our routes
    youApp.config(function($routeProvider) {
        $routeProvider

            // route for the home page
            .when('/', {
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            })

            // route for the about page
            .when('/about', {
                templateUrl : 'pages/about.html',
                controller  : 'aboutController'
            })

            // route for the contact page
            .when('/contact', {
                templateUrl : 'pages/contact.html',
                controller  : 'contactController'
            });
    });

如何使用Angularjs而不是其他人在我的html页面中显示另一个html页面内容

1 个答案: