Jquery没有使用Angular 2 APP

时间:2017-04-19 19:36:12

标签: jquery html angular



import {Component} from '@angular/core';
import {ActivatedRoute} from "@angular/router";
@Component({
  selector: 'tutorial',
  template: `    
  <div class="page container">     
     
  </div>
`
})
export class TutorialComponent {

  constructor( public route:ActivatedRoute){

  }


  ngOnInit() {
    $.get('http://localhost:8001/tutorials/tutorials_homepage.html', function(data){
      $('body > app-root > span > div > tutorial > div').append($(data)).filter('.container');
      $('HEAD').append($(data)).filter('SCRIPT');

    });



  }

}
&#13;
&#13;
&#13;

我创建了一个角度2应用程序,它从另一台服务器导入一个html文件。 HTML直接访问时工作正常,但当它导入角度2时,代码什么也不做。 这是我的代码:

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});
</script>
</head>
<body>

<p>If you click on the "Hide" button, I will disappear.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>
&#13;
&#13;
&#13;

有人可以帮帮我!!!

0 个答案:

没有答案