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

Коли я будую свій кутовий проект 7 з --prod, у мене є попередження про бюджети. У мене є кутовий проект 7, я хочу його створити, але у мене є попередження: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB це деталі: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js …

155 angular  build  production  ng-build 

У мене є два компоненти наступним чином, і я хочу викликати функцію з іншого компонента. Обидва компоненти включені в третій батьківський компонент, використовуючи директиву. Компонент 1: @component( selector:'com1' ) export class com1{ function1(){...} } Компонент 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function 1 …

154 angular  angular2-components 

У Angular у мене може бути така форма, яка виглядає так: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> В межах відповідного контролера я міг легко спостерігати за змінами змісту такої форми, як: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has updated …

151 angular 

Я читав швидкі посилання на Angular від 1 до 2 на веб-сайті Angular , і одне, чого я не зовсім зрозумів, - це різниця між цими спеціальними символами. Наприклад, той, який використовує зірочки: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Тут я розумію, що хеш (#) символ визначає movieяк локальну змінну …

151 angular 

У мене є цей модуль, який компонентує зовнішню бібліотеку разом з додатковою логікою без додавання <script>тегу безпосередньо в index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Я помічаю, що importспецифікація ES6 є статичною і вирішується під час перенесення TypeScript, а …

150 javascript  angular  typescript  ecmascript-6 

ng-container згадується в документації Angular 2, але немає пояснень як це працює та які випадки використання. Це, в зокрема , згадується в ngPluralі ngSwitchдирективи. Чи <ng-container>те ж саме <template>, що чи, чи залежить, чи була написана директива щодо використання одного з них? Є <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> і <template [ngPluralCase]="'=0'">there …

150 angular  typescript  angular2-template 

Я створив спеціальний компонент, який я помістив у цикл for, наприклад <div *ngFor="let view of views"> <customcomponent></customcomponent> </div> Результатом роботи буде: <customcomponent></customcomponent> <customcomponent></customcomponent> <customcomponent></customcomponent> Я хотів би знати, як я можу отримати посилання на ці компоненти за допомогою синтаксису @viewchild або будь-яким іншим способом, коли кількість цих компонентів може змінюватися …

149 angular 

Я модернізував проект Angular 4 за допомогою кутового насіння і тепер отримаю помилку Знайдено синтетичну властивість @panelState. Будь ласка, включіть у свою заявку або "BrowserAnimationsModule", або "NoopAnimationsModule". Як я можу це виправити? Що саме мені повідомляє повідомлення про помилку?

148 angular  typescript  angular-animations 

Я шукав спосіб , щоб передати параметри запиту в API виклику з новим HttpClientModule«s HttpClientі ще належить знайти рішення. Зі старим Httpмодулем ви б написали щось подібне. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } Це призведе …

147 angular  typescript  http  lodash  angular-httpclient 

У мене є JSONфайл, який виглядає так: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E", "tertiaryMain": "#FA555A", "tertiaryDarker": "#F93C42", "tertiaryDarkest": "#F9232A", "darkGrey": "#333333", "lightGrey": "#777777" } Я намагаюся імпортувати його у .tsxфайл. Для цього я додав це до визначення типу: declare …

147 json  angular  typescript  angular8 

Я намагаюся перевірити свій кутовий компонент 4.1.0 - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store<AppStore>) { } } Однак простий тест "повинен створити" кидає цю криптовану помилку …

146 angular  unit-testing  karma-jasmine  angular-cli 

У мене є спеціальний елемент: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"> <md-icon>{{ type.icon }}</md-icon> <span>{{ type.description }}</span> </div> </div> Коли я намагаюся додати formControlName, я отримую повідомлення про помилку: Помилка Помилка: Немає доступу до значення для управління формою з назвою: 'surveyType' Я намагався додати ngDefaultControlбез …

146 javascript  angular  typescript  angular4-forms 

Як відобразити версію програми у кутовій програмі? версія повинна бути взята з package.jsonфайлу { "name": "angular-app", "version": "0.0.1", ... } У куті 1.x у мене є цей html: <p><%=version %></p> У кутовій формі це не відображається як номер версії, а просто друкується так, як є ( <%=version %>замість 0.0.1).

146 version  angular  package.json 

Я використовую angular2 для розробки, і мені було цікаво, чи є альтернатива для ng-disabledangular2. Для екс. нижче код знаходиться у angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> Просто хотів дізнатися Як я можу досягти цієї функціональності? будь-які входи?

145 angular  angular-directive 

Останнім часом я почав грати з кутовим 2. Досі це приголомшливо. Отже, я почав демонструвати особистий проект заради того, щоб навчитися користуватися angular-cli. Завдяки основній настройці маршрутизації я хочу перейти до деяких маршрутів із заголовка, але оскільки мій заголовок є батьківським до router-outlet, я отримую цю помилку. app.component.html <app-header></app-header> // …

145 angular  typescript  angular2-routing