时间戳

首页 > 解决方案 > 如何使用单向绑定将数据传递给组件？

angularjs - 如何使用单向绑定将数据传递给组件？

问题描述

参考下面的 index.html，我应该如何使用单向绑定将 person 传递给 DashboardController？（这就是我需要构建的内容。）当我做对时， index.html 应该呈现：

仪表板人 = Mike

感谢您的任何建议。

    <!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dashboard</title>
    <script src="https://code.angularjs.org/1.8.0/angular.min.js"></script>
    <script>
        (function (angular) {
            'use strict';
            angular.module('dashboardApp', []);
        })(window.angular);

        (function (angular) {
            'use strict';
            function DashboardController($scope, $element, $attrs) {
                var ctrl = this;
                ctrl.userid = "Mike";
            }

            angular.module('dashboardApp').component('dashboard', {
                template: "<p>Dashboard person = {{$ctrl.person}}</p>",
                controller: DashboardController,
                bindings: {
                    person: '<'
                }
            });
        })(window.angular);
    </script>
</head>

<body ng-app="dashboardApp">
    <dashboard person="$ctrl.userid"></dashboard>
</body>

</html>

标签： angularjs

解决方案

推荐阅读