AngularJS页面加载两次

问题描述 投票:2回答:1

下面是我在app.js中出现的angularJS代码:

'use strict';
var app = angular.module('app', ['slick']);
app.config(['$locationProvider', function($locationProvider) {
    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
}])

app.
controller('messageFunnel',['$scope', '$http', 
'$location',function($scope, $http, $location) {
    var msgChat = $location.search().msgChat;
    var email   = $location.search().email;
    var url = $location.absUrl();
    url = url.substring(0, url.indexOf('msgChat'));
    $scope.url = url;
    $http({
        method: 'POST',
        url: 'url',
        data: {
            "msgChat": msgChat,
            "email" : email
        }
    }).then(function successCallback(response) {
           $scope.data = response.data;
           console.log($scope.data)
       }, function errorCallback(response) {
              console.log(response.data);
       });
}]);

下面是我的html页面,它基本上使用从app.js中的api调用中检索到的数据:

<body>
<div class="row" ng-app="app" ng-controller="messageFunnel">
<div class="col-lg-4 col-md-6 col-sm-12">
  <div class="white-box">
    <h3 class="box-title">Prior</h3>
    <div class="comment-center">
      <div class="comment-body b-none" ng-repeat="item in data.messages[0].prevArray">
        <div class="mail-contnet">
          <span class="time">{{item.count}}</span>
          <a href="{{scope.url}}msgChat={{item.chat}}" target="_blank"><i class="fa fa-external-link fa-pull-right" aria-hidden="true" style = "font-size:15px;"></i></a>
          <br/>
          <p>{{item.chat}}</p>
        </div>
      </div>
    </div>
  </div>
</div>

我正在将角度页面集成为其他jsp页面中的链接。我将如何在Liferay的jsp页面中添加链接:

var link = "Current Page URL";
link = link + '&email=' + email+'&msgChat=' + message;//appending parameters to the url
<A href= link target="_blank">Message value</A>

我正在将角度页面集成为嵌入式链接,并将电子邮件和msgChat参数添加到该链接。但是不知道为什么当我点击链接时,我的页面加载两次参数和一次没有参数。

PS:我正在使用liferay并在jsp文件中编写前端。

javascript angularjs liferay liferay-7
1个回答
0
投票

也许不是两次收费,它只是第一次没有数据收费,你必须等待请求填写你的模板的承诺。您将为数据填充时创建一个角度路径,将其路由到新的messageFunnel状态。

你应该看看这个https://github.com/angular-ui/ui-router/wiki/Quick-Reference

© www.soinside.com 2019 - 2024. All rights reserved.