angular.js将数据从父级传递给子组件

官网通编辑 • • SEO技术 • 220 阅读

gooood个人博客网站

angular

angular.js将数据从父级传递给子组件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script src="https://unpkg.com/angular@1.7.3/angular.js"></script> <body ng-app="app"> <parent-component></parent-component> <body> <script type="text/javascript"> var app=angular.module("app",[]); app.component("parentComponent", { template: ` <fieldset> Inside parent component<br> parentData={{$ctrl.parentData}} <child-component in-data="$ctrl.parentData"></child-component> </fieldset> `, controller: function () { this.$onInit = () => { this.parentData = '父组件的值' }; }, }) app.component("childComponent",{ bindings: { inData: '<', }, template: ` <fieldset>Inside child component<br> inData={{$ctrl.inData}} </fieldset> `, }) </script> </body> </html>

本文内容由用户注册发布，仅代表作者或来源网站个人观点，不代表本网站的观点和立场，与本网站无关。本网系信息发布平台，仅提供信息存储空间服务，其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。如因作品内容侵权需删除与其他问题需要同本网联系的，请尽快通过本网的邮箱或电话联系。 
THE END
分享
二维码
< <上一篇
下一篇>>