Запитання з тегом «angular»

У моєму додатку Angular 2, коли я прокручую сторінку вниз і натискаю посилання внизу сторінки, вона змінює маршрут і переносить мене на наступну сторінку, але вона не прокручується вгору сторінки. Як результат, якщо перша сторінка довга, а друга сторінка має мало вмісту, створюється враження, що на 2-й сторінці не вистачає …

295 angular  typescript  angular2-routing  angular2-template  angular2-directives 

У документації Angular Component Router я просто наткнувся на команду npm, яку я ніколи не бачив, і не розумію, що відбувається: npm install @angular/router --save У чому сенс @angular/router? Чи є цілий рядок ім'ям пакета? Але тоді я не знаходжу цей пакет, коли використовую пошук на npmjs.com . А також …

295 javascript  angular  npm 

Чому компонент у цьому простому планку @Component({ selector: 'my-app', template: `<div>I'm {{message}} </div>`, }) export class App { message:string = 'loading :('; ngAfterViewInit() { this.updateMessage(); } updateMessage(){ this.message = 'all done loading :)' } } метання: ВИХІД: Вираз "Я {{message}} в додатку @ 0: 5" змінився після його перевірки. Попереднє …

286 typescript  angular 

Що я роблю неправильно? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: …

286 angular  typescript  angular2-directives  ngfor 

Подія зміни викликається лише після зміни фокусу введення. Як я можу зробити так, щоб подія почалася на кожному натисканні клавіші? <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}} Друга прив'язка змінюється на кожному натисканні клавіші btw.

282 angular 

Мабуть, Angular 2 використовуватиме труби замість фільтрів, як у Angular1 спільно з ng-for, щоб фільтрувати результати, хоча реалізація все ще видається невиразною, без чіткої документації. А саме те, що я намагаюся досягти, можна розглядати з наступної точки зору <div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div> Як здійснити так за допомогою труб?

278 angular  typescript 

Очевидно, що бета-версія для Angular2 є новою, ніж новою, тому інформації там не так багато, але я намагаюся робити те, що, на мою думку, є досить базовим маршрутом. Злом із кодом швидкого запуску та іншими фрагментами з веб- сайту https://angular.io призвів до такої файлової структури: angular-testapp/ app/ app.component.ts boot.ts routing-test.component.ts …

277 angular 

Як я можу умовно додати атрибут елемента, наприклад, checkedпрапорець? Попередні версії Angular мали, NgAttrі я думаю, NgCheckedякі, здається, забезпечують функціонал, про який я хочу. Однак, схоже, ці атрибути не існують у Angular 2, і я не бачу іншого способу забезпечення цієї функціональності.

276 javascript  angular 

Я використовую Angular 2+ та Angular CLI. Як додати чудовий шрифт до свого проекту?

269 angular  webpack  angular-cli 

В одному з моїх шаблонів кутових 2 маршрутів ( FirstComponent ) у мене є кнопка first.component.html <div class="button" click="routeWithData()">Pass data and route</div> Моя мета - досягти: Натисніть кнопку -> маршрут до іншого компонента, зберігаючи дані та не використовуючи інший компонент як директиву. Це те, що я спробував ... 1-й ПІДХІД …

268 angular  typescript 

Я створюю HTTP-запит на Angular, але я не знаю, як додати до нього аргументи (рядок запиту). this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete() ); Тепер мій StaticSettings.BASE_URL - це щось на зразок URL-адреси без рядка запиту, наприклад: http://atsomeplace.com/, але я хочу, щоб це було http://atsomeplace.com/?var1=val1&var2=val2 Де var1 …

265 http  angular  typescript 

У мене є батьківський компонент: <parent></parent> І я хочу заселити цю групу дочірніми компонентами: <parent> <child></child> <child></child> <child></child> </parent> Батьківський шаблон: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Дочірній шаблон: <div class="child">Test</div> Так як parentі childв двох окремих компонентів, їх стилі замикаються у своїй власній області. У своєму …

264 css  angular  angular-components 

Мені важко намагатися імпортувати модулі lodash. Я налаштував свій проект, використовуючи npm + gulp, і продовжую вдарятись про ту саму стіну. Я пробував звичайний лодаш, але також лодаш-ес. Пакет lodash npm: (має файл index.js у кореневій папці пакета) import * as _ from 'lodash'; Призводить до: error TS2307: Cannot find …

262 javascript  angular  typescript  lodash  es6-module-loader 

У куті 1.x ви можете визначити константи, як це: angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') Що було б еквівалентом у Angular (з TypeScript)? Я просто не хочу повторювати базовий URL API знову і знову у всіх своїх службах.

258 typescript  angular 

Я використовую dateтрубку, щоб відформатувати свою дату, але я просто не можу отримати потрібний формат без обходу. Я неправильно розумію труби чи це просто неможливо? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, should be {{date …

257 date  angular  angular-pipe  date-pipe