基本AngularJS指令

基本AngularJS指令,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我是安格拉斯的新手。我正在尝试创建我的第一个指令。我有一些挑战。为了在实践中学习,我决定通过一个指令创建一个自定义HTML元素。My元素将允许用户选择一周中的某一天。我的控件模板如下所示: myControl.tpl.html 此指令应可跨视图重用。要使用它,我希望能够输入以下代码: selectedDay值将是控制器中$scope上的值。由于某种原因,我似乎无法实现双向绑定。我如何做到这一点: 是否将所选日期选项值设置为selectedDay$范围属性? 如果已设置selectedDay,如何

我是安格拉斯的新手。我正在尝试创建我的第一个指令。我有一些挑战。为了在实践中学习,我决定通过一个指令创建一个自定义HTML元素。My元素将允许用户选择一周中的某一天。我的控件模板如下所示:

myControl.tpl.html 此指令应可跨视图重用。要使用它,我希望能够输入以下代码:

selectedDay值将是控制器中$scope上的值。由于某种原因,我似乎无法实现双向绑定。我如何做到这一点:

是否将所选日期选项值设置为selectedDay$范围属性? 如果已设置selectedDay,如何自动设置正确的选项?
谢谢大家!

我创建了一个工作示例,演示如何在控制器中设置所选日期:

<select ng-model="customSpice" ng-change="spicy(customSpice)">
这使用ng change将数据发送回控制器中的函数:

<select ng-model="customSpice" ng-change="spicy(customSpice)">
忽略对“辣”东西的引用。。。我根据AngularJS文档中的一个小提琴创建了这个示例:


请提供Plunker或Fiddle与上述例子和问题,你是面对你的尝试。我走了这么远。然而,我不知道如何在可重用指令中获得它。例如,我希望能够向名为my day picker的页面添加一个元素。我的拾日工会把你小提琴上的东西封装起来。太近了。我要做的是设置$scope.day=Monday;在控制器中。在这种情况下,下拉列表应预先选择星期一。然而,我不知道如何让它做到这一点。你是怎么做到的?
<select ng-model="customSpice" ng-change="spicy(customSpice)">