Perguntas com a marcação «angular»

Perguntas sobre o Angular (não deve ser confundido com o AngularJS), a estrutura da web do Google. Use esta tag para perguntas angulares que não são específicas para uma versão individual. Para a estrutura da Web AngularJS (1.x) mais antiga, use a tag angularjs.

7
Como chamar outra função de componentes em angular2
Eu tenho dois componentes da seguinte maneira e quero chamar uma função de outro componente. Ambos os componentes estão incluídos no terceiro componente pai usando a diretiva. Componente 1: @component( selector:'com1' ) export class com1{ function1(){...} } Componente 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to …
6
Como observar as alterações de formulário no Angular
Em Angular, eu posso ter um formulário que se parece com isso: <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> Dentro do controlador correspondente, eu pude observar facilmente as alterações no conteúdo desse formulário da seguinte forma: function($scope) { $scope.model = {}; $scope.$watch('model', () => { …
151 angular 
3
Qual é a diferença entre parênteses, colchetes e asteriscos no Angular2?
Eu tenho lido a referência rápida Angular 1 a 2 no site da Angular , e uma coisa que eu não entendi completamente foi a diferença entre esses caracteres especiais. Por exemplo, um que usa asteriscos: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Entendo aqui que o símbolo de hash (#) …
151 angular 
15
Como carregar scripts externos dinamicamente no Angular?
Eu tenho este módulo que componente a biblioteca externa junto com lógica adicional sem adicionar a <script>tag diretamente no 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 {...} Eu percebo o import especificação do ES6 é estática e resolvida durante a …
4
<contêiner> vs <modelo>
ng-container é mencionado na documentação do Angular 2, mas não há explicação sobre como ele funciona e quais são os casos de uso. É particularmente mencionado em ngPlurale ngSwitchdirectivas. Faz &lt;ng-container&gt;a mesma coisa que &lt;template&gt;, ou depende se uma diretiva foi escrita para usar uma delas? Estão &lt;ng-container *ngPluralCase="'=0'"&gt;there is …
8
Parâmetros de consulta HttpClient angular 4
Fui à procura de uma maneira de passar consulta parâmetros para uma chamada de API com o novo HttpClientModule's HttpCliente ainda têm de encontrar uma solução. Com o Httpmódulo antigo , você escreveria algo assim. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); …
4
Angular4 - nenhum acessador de valor para controle de formulário
Eu tenho um elemento personalizado: &lt;div formControlName="surveyType"&gt; &lt;div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"&gt; &lt;md-icon&gt;{{ type.icon }}&lt;/md-icon&gt; &lt;span&gt;{{ type.description }}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; Quando tento adicionar o formControlName, recebo uma mensagem de erro: Erro de erro: nenhum acessador de valor para o controle de formulário com o nome: 'surveyType' …
10
Como exibir a versão do aplicativo em Angular?
Como faço para exibir a versão do aplicativo no aplicativo angular? a versão deve ser retirada do package.jsonarquivo { "name": "angular-app", "version": "0.0.1", ... } No angular 1.x, tenho este html: &lt;p&gt;&lt;%=version %&gt;&lt;/p&gt; Em angular, isso não é renderizado como número da versão, mas apenas impresso como é (em &lt;%=version …
6
Importando arquivo json no TypeScript
Eu tenho um JSONarquivo que se parece com o seguinte: { "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" } Estou tentando importá-lo para um .tsxarquivo. Para isso, adicionei isso à definição …
5
existe alguma alternativa para ng-disabled em angular2?
Eu estou usando angular2 para o desenvolvimento e queria saber se existe alguma alternativa para ng-disabledem angular2. Por ex. o código abaixo está em angularJS: &lt;button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib &gt;&gt; {{libraries.name}}"&gt; &lt;i class="fa fa-chevron-right fa-fw"&gt;&lt;/i&gt; &lt;/button&gt; Só queria saber como posso obter essa funcionalidade? alguma …
11
Testes angulares falhando com Falha ao executar 'send' em 'XMLHttpRequest'
Estou tentando testar meu componente angular 4.1.0 - export class CellComponent implements OnInit { lines: Observable&lt;Array&lt;ILine&gt;&gt;; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store&lt;AppStore&gt;) { } } No entanto, um teste simples "deve criar" gera esse …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.