Angularjs 如何使用ng绑定捕获ng模型？_Angularjs_Calendar_Widget_Ng Bind

Angularjs 如何使用ng绑定捕获ng模型？

angularjs calendar

Angularjs 如何使用ng绑定捕获ng模型？,angularjs,calendar,widget,ng-bind,Angularjs,Calendar,Widget,Ng Bind,我无法使ng bind=“data1”从小部件捕获输入。通过单击并选择日期，ng bind不会捕获所选日期 <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicke

我无法使

ng bind=“data1”

从小部件捕获输入。通过单击并选择日期，

ng bind

不会捕获所选日期

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"></script>
<script type="text/javascript">
    var Module = angular.module('myapp', []);
    myApp.directive('myapp', function datetimepicker() {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function(scope, element, attrs, ngModel) {
                element.datetimepicker({
                        minView: 2,
                        autoclose: true,
                        language: 'pt',
                        format: 'dd/mm/yyyy',
                        showMeridian: true,
                        startView: 2
                    })
                    .find('input')
                    .addClass("form-control");
            }
        };
    });
</script>
</head>
<body ng-app="myapp">
  <div id="datetimepicker" class="input-append date" ng-model="data1">
     <input ng-model="data1" type="text" datetimepicker></input>
     <p ng-bind="data1">
     <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
     </span>
 </div>
</body>
</html>


var Module=angular.Module（'myapp'，[]）；
指令（'myApp'，函数datetimepicker（）{
返回{
限制：“A”，
要求：'ngModel'，
链接：功能（范围、元素、属性、模型）{
element.datetimepicker({
minView:2，
自动关闭：是的，
语言：'pt'，
格式：“dd/mm/yyyy”，
真的，
startView:2
})
.find（'输入'）
.addClass（“表格控制”）；
}
};
});

您不应为模块和指令指定相同的名称

myapp

在html中没有任何地方使用该指令

此外，

不能有ng模型指令，因此此行是错误的：

<div id="datetimepicker" class="input-append date" ng-model="data1">

function($scope) {
  // Initialization
  $scope.data1 = '';
}