gpt4 book ai didi

javascript - 尽管遵循了以下教程,为什么 angularjs 中的该指令不接受参数

转载 作者:行者123 更新时间:2023-12-03 06:28:22 26 4
gpt4 key购买 nike

我有以下代码:

<html ng-app="calApp">

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
<script type="text/javascript">

var app = angular.module("calApp", []);

app.controller('calController', function calController(){});

app.directive('calendar',function(){
return {
restrict: "E",
scope:{
friend: '='
},
template:"<h1>{{friend}}</h1>",
controller: function($scope){
console.log($scope.friend);
console.log("hi");
}
}

});
</script>
</head>

<body ng-controller="calController">
<calendar friend="Bob"></calendar>
</body>

</html>

我期望“Bob”(或任何替代它的内容)被记录到控制台并以粗体显示在页面上。相反,undefined 会记录到控制台,并且页面上不会显示任何内容。

有人知道我错在哪里吗?

我的一部分感觉这很简单,但我似乎无法弄清楚那是什么。

最佳答案

因为你需要改变这个

friend: '='

到此

friend: '@'

'=' 用于变量(2 路数据绑定(bind)),'@' 用于字符串

还有这个

friend: '='

你可以这样做

<calendar friend="'Bob'"></calendar>

关于javascript - 尽管遵循了以下教程,为什么 angularjs 中的该指令不接受参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38541893/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com