如何从另一个页面将angularJs加载到当前页面

时间:2017-12-20 09:15:26

标签: javascript jquery angularjs

我有一个按钮可以在当前页面中加载另一个页面。在那个页面中我有一个Angular js代码。当按钮在当前页面中单击时,我想在特定div中加载Angular js,其中包含classname" airlinename" .my问题是当我点击按钮时,响应显示Html contet。但我想显示我在ng-init上面定义的棱角度的结果。

例如它显示{{x.title}}而不是我在上面定义的航空公司名称。

这是我当前的网页代码:

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

 <button onclick="PostEndid(this)">button</button> 
<span class="airlinename" >
</span>
<input value="1234" class="StartCityID" type="hidden">

</body>
<script type="text/javascript">

    function PostEndid (y) {

    $.ajax({
      url: 'test-js.bc',
      type: 'post', 
      data : {
       StartCityID: $(".StartCityID").val(),

      },
      success:function(response){
      $(y).closest(".airlinename").empty().html(response); }
    });
  }

</script>
</html>

我在第二页中要加载以下代码:

 <dl class="dropdown dropdown11 left_dromdown airlinename marg5 ng-scope" ng-app="" ng-init="airline1=[{ &quot;title&quot; : &quot;Mahan Air&quot; }, { &quot;title&quot; : &quot;Qatar Airways&quot; }]">


  <dd>
  <ul>
             <li ><input type="text" ng-model="search9" /></li>
             <li 
             onClick="routesearchairline(this)" 
             class="routecode_list" 
             ng-repeat="x in airline1 | filter : search9">{{x.title}}</li>
            </ul>
 </dd></dl>

0 个答案:

没有答案