tutorial - angular material




Ular ডকুমেন্টের প্রস্তুতির(কৌনিক 2 সমতুল্য) (4)

সহজ প্রশ্ন, আমি আশা করি।

যখন ular ডকুমেন্ট.ডিটার () এর সমকোণী 2 সমাপ্ত হয় তখন আমি একটি স্ক্রিপ্ট চালাতে চাই। এই অর্জন করার সেরা উপায় কি?

আমি স্ক্রিপ্টটি index.html এর শেষে রাখার চেষ্টা করেছি, কিন্তু আমি যেমন খুঁজে পেয়েছি, এটি কার্যকর হয় না! আমি এটি গ্রহণ করি যে এটি কোনও ধরণের উপাদান ঘোষণায় যেতে হবে?

.js ফাইল থেকে স্ক্রিপ্ট লোড চালানো সম্ভব?

সম্পাদনা - কোড:

আমি আমার অ্যাপ্লিকেশনটিতে ( ফাউন্ড্রি এইচটিএমএল থিম থেকে ) নিম্নলিখিত জেএসএস এবং সিএসএস প্লাগইনগুলি পেয়েছি।

    <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    ...


    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/flexslider.min.js"></script>
    ...
    <script src="js/scripts.js"></script> //This initiates all the plugins

যেমন উল্লেখ করা হয়েছে, স্ক্রিপ্টস.জেএস পুরো বিষয়টি 'ইনস্ট্যান্টিয়েট' করে, এবং এভাবে কৌণিক প্রস্তুত হওয়ার পরে চালানো দরকার। script.js

এটা কাজ পেয়েছেন:

import {Component, AfterViewInit} from 'angular2/core';

@Component({
  selector: 'home',
  templateUrl: './components/home/home.html'
})
export class HomeCmp implements AfterViewInit {


    ngAfterViewInit() {
       //Copy in all the js code from the script.js. Typescript will complain but it works just fine
    }

আপনার মেইন.টি.সে ফাইল বুটস্ট্র্যাপে ডোমকন্টেন্টলয়েডের পরে যখন ডিওএম সম্পূর্ণ লোড হয় তখন কৌণিকতা লোড হবে।

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}



document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));
});

আপনি নিজের কৌণিক মূল উপাদান ngOnInit() নিজেই একটি ইভেন্ট নিক্ষেপ করতে পারেন এবং তার পরে ngOnInit() বাইরে এই ইভেন্টটি শুনতে পারেন।

এটি ডার্ট কোড (আমি টাইপস্ক্রিপ্ট জানি না) তবে অনুবাদ করা শক্ত হবে না

@Component(selector: 'app-element')
@View(
    templateUrl: 'app_element.html',
)
class AppElement implements OnInit {
  ElementRef elementRef;
  AppElement(this.elementRef);

  void ngOnInit() {
    DOM.dispatchEvent(elementRef.nativeElement, new CustomEvent('angular-ready'));
  }
}

কৌণিক অভ্যন্তরে jQuery ব্যবহার করার জন্য কেবল $ নীচে হিসাবে ঘোষণা করুন: var declare ডিক্লেয়ার করুন: যে কোনও;


ক্রিসের কাছ থেকে উত্তরটি অনুলিপি করা হচ্ছে:

এটা কাজ পেয়েছেন:

import {AfterViewInit} from 'angular2/core';    

export class HomeCmp implements AfterViewInit {    

    ngAfterViewInit() {
       //Copy in all the js code from the script.js. Typescript will complain but it works just fine
    }




angular