Question

我对角度很新，所以我不确定我想做的事情是否可以通过角度实现，或者是否更好地使用其他框架。

这是我的情况，我们有一个用wordpress制作的网站，其中包含超过500页，所有页面都相同（完全相同的内容）。他们以这种方式建立的主要原因是：

拥有自定义“域名”的可用性，IE： www.page.com/mypage1 www.page.com/mypage2 www.page.com/mypage ...
页面上有一个包含iframe的部分，iframe在除了参数之外的所有页面上都是相同的，例如mypage1的iframe有一个url：www.otherpage.com?client=client1Id

所以我之前使用angular来做一个非常简单的$ routeProvider，所以我想知道我是否可以使用相同的概念但是有一些更改

var sampleLandingPage = angular.module('sampleLandingPage', []);
sampleLandingPage.controller('landingPage',['$scope', function ($scope){
$scope.pages = [
{
"FullName": "Client No 1",
"Name": "mypage1",
"CM": null,
"AF": "CLID001",
"OtherURL": null
},
{
"FullName": "Client No 2",
"Name": "mypage2",
"CM": "CLID002",
"AF": "CLID002",
"OtherURL": null
},
{
"FullName": "Client Special",
"Name": "mypage3",
"CM": "CLID002",
"AF": "CLID003",
"OtherURL": "/somethingelse"
}
];
}]);

sampleLandingPage.config(['$routeProvider',
function($routeProvider) {
//$routeProvider.
}]);

所以我想要实现的是URL是否正在请求mypage2;能够在我的页面中显示CM和AF，如{{CM}}，这样我只能有一个页面，但在我的iframe上有像这样的网址 www.otherpage.com?client = {{CM}}＆amp; otherparam = {{AF}}

并有一个看起来像

<body ng-app="sampleLandingPage">
<div class="container">
<div ng-controller="landingPage">
    page text...
    .........
    iframe ... url=www.otherpage.com?client={{ CM }}&otherparam={{ AF }}
</div>
</div>
</body>

最后如果OtherURL参数与null不同，则在此参数中显示实际的URL定义

angularjs routeprovider变种

0 个答案: