1 00:00:02,480 --> 00:00:06,050 E a última aula que aprendemos sobre referências locais. 2 00:00:06,190 --> 00:00:15,040 Agora também há outra maneira de obter acesso a referências locais ou a qualquer elemento diretamente diretamente de 3 00:00:15,040 --> 00:00:17,280 nosso código de datilografia. 4 00:00:17,290 --> 00:00:25,090 Neste momento, estamos passando a referência aqui quando chamamos um método e isso funciona bem, mas às vezes você deseja 5 00:00:25,090 --> 00:00:27,650 obter acesso antes de chamarmos o método. 6 00:00:27,910 --> 00:00:32,540 E há um bom decorador que podemos usar no texto datilografado para obter esse acesso. 7 00:00:32,740 --> 00:00:35,460 Vamos fazer o mesmo para o conteúdo do servidor. 8 00:00:35,800 --> 00:00:42,960 Tão audível rapidamente duplicar essa entrada e comentar a solução antiga usando dois web enrolamento e uma 9 00:00:42,960 --> 00:00:50,010 nova solução não usará ligação bidirecional, mas em vez disso, agora também terá uma referência local a 10 00:00:50,030 --> 00:00:52,790 entrada de conteúdo do servidor talvez. 11 00:00:53,380 --> 00:01:01,090 Agora no componente do cockpit eu também comentarei o conteúdo do servidor de notícias antigo aqui e adicionarei uma 12 00:01:01,180 --> 00:01:11,020 nova propriedade na qual toda a entrada de conteúdo do servidor de nomes sem entrada de conteúdo do servidor é apenas uma propriedade, mas podemos 13 00:01:11,390 --> 00:01:14,920 adicionar o filho do visualizador na frente dele . 14 00:01:14,930 --> 00:01:16,920 Este decorador com parênteses. 15 00:01:17,000 --> 00:01:24,530 E nós precisamos importar filho vista de um ângulo ou núcleo agora ver criança assim não vai funcionar. 16 00:01:24,530 --> 00:01:31,280 Precisamos passar um argumento aqui e este argumento é realmente des-selecionar ou do elemento como queremos selecionar o elemento e selecionar ou 17 00:01:31,280 --> 00:01:36,370 agora não gostar de s. c. s como seletor. 18 00:01:36,500 --> 00:01:44,450 Mas, por exemplo, podemos simplesmente passar como uma string o nome de uma referência local para que a entrada de conteúdo do servidor 19 00:01:44,630 --> 00:01:46,810 possa ser passada como uma string. 20 00:01:47,420 --> 00:01:53,180 Se você não quiser passar uma string, mas quiser selecionar um componente, simplesmente passe o tipo 21 00:01:53,210 --> 00:01:54,470 de componente aqui. 22 00:01:54,530 --> 00:02:00,470 Então, no clock e não usamos nenhum outro componente, mas no componente YAPP, poderíamos passar um componente de cockpit. 23 00:02:00,500 --> 00:02:07,270 Portanto, o tipo like não gosta de uma string para obter acesso à primeira ocorrência desse componente de cockpit 24 00:02:07,340 --> 00:02:08,970 no componente do aplicativo. 25 00:02:09,020 --> 00:02:15,460 Mas aqui vou mudar de volta para obter acesso à referência local, que provavelmente é o caso de uso que 26 00:02:15,470 --> 00:02:17,240 você verá com mais frequência. 27 00:02:17,510 --> 00:02:23,540 E com isso, agora temos acesso à nossa entrada de conteúdo do servidor. 28 00:02:23,540 --> 00:02:26,230 Agora, o que isso realmente significa? 29 00:02:26,450 --> 00:02:27,420 Vamos comentar rapidamente. 30 00:02:27,430 --> 00:02:29,950 Nossos filhos estão mortos, não quebra. 31 00:02:30,140 --> 00:02:39,800 E vamos registrar neste conteúdo de servidor as entradas de nossa propriedade aqui, que é uma espécie de filho de visão de conjunto. 32 00:02:39,800 --> 00:02:45,800 Então, com isso, se tudo para comentar a esta hora aqui em baixo para que possamos executar nosso aplicativo e se 33 00:02:45,800 --> 00:02:51,770 eu agora seguro isso e vamos voltar ao nosso aplicativo e eu digite algo aqui e clico em adicionar servidor, vemos 34 00:02:51,770 --> 00:02:53,790 que este é um elemento de tipo ref. 35 00:02:54,020 --> 00:03:00,170 Portanto, ao contrário da referência local, passamos diretamente do método wired do modelo, que era 36 00:03:00,170 --> 00:03:01,170 o próprio elemento. 37 00:03:01,520 --> 00:03:03,370 Isso é do tipo type. 38 00:03:03,360 --> 00:03:11,300 RATH Assim, podemos definir este tipo aqui elemento ref uma referência a esse elemento Elemento ref precisa ser importado de 39 00:03:11,300 --> 00:03:12,860 um ângulo ou núcleo. 40 00:03:12,880 --> 00:03:15,470 É um tipo angular. 41 00:03:15,470 --> 00:03:20,720 Portanto, este elemento ref, no entanto, possui uma propriedade útil que podemos usar. 42 00:03:20,900 --> 00:03:26,300 E essa é a propriedade do elemento nativo, podemos usar o conteúdo do servidor. 43 00:03:26,390 --> 00:03:33,500 Opa por essa entrada de conteúdo do servidor aqui e, em seguida, pelo elemento nativo para obter acesso ao elemento subjacente 44 00:03:33,950 --> 00:03:38,340 que agora possui um valor, porque esse agora será o elemento de entrada. 45 00:03:38,900 --> 00:03:43,370 Agora podemos fazer o mesmo, claro, para o método on e blueprint. 46 00:03:43,610 --> 00:03:52,100 E com isso, temos acesso direto aos elementos em nosso dormitório em nosso modelo Frue at view child. 47 00:03:52,160 --> 00:04:00,360 E você deve ver que isso agora funciona novamente se nós Andrew algum conteúdo aqui e clique nos botões funciona perfeitamente 48 00:04:00,360 --> 00:04:02,800 agora sem ligação de dois sentidos. 49 00:04:02,850 --> 00:04:10,880 Mas com referências locais últimos dois métodos ou referências locais obtidos através do filho de exibição. 50 00:04:10,890 --> 00:04:17,880 Agora, uma coisa importante a observar é que você não deve mudar o elemento infrutífero porque é claro que você 51 00:04:18,210 --> 00:04:25,320 poderia usar o nosso servidor não pode inserir o elemento nativo e, em seguida, definir o valor para algo certo. 52 00:04:25,350 --> 00:04:31,980 Você pode fazer isso e se realmente fizermos isso e clicar no projeto, você verá que algo 53 00:04:31,980 --> 00:04:33,670 foi adicionado ao ano. 54 00:04:33,720 --> 00:04:36,810 Eu recomendo fortemente não fazer isso. 55 00:04:36,810 --> 00:04:43,320 Você não deve ter acesso a Dom como este pescador lhe oferece uma maneira melhor de acessar o amanhecer e 56 00:04:43,320 --> 00:04:46,020 você aprenderá sobre isso na seção de diretivas. 57 00:04:46,230 --> 00:04:51,090 Geralmente, você deve usar as outras ferramentas, como interpelação de strings e binding de 58 00:04:51,090 --> 00:04:56,690 propriedade, se quiser produzir algo no dormitório e não mexer diretamente com qualquer elemento que possa obter. 59 00:04:56,760 --> 00:04:59,820 Mesmo que você tenha conseguido isso através do angular