Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ui引导日期选择器在我的应用程序中不工作_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap - Fatal编程技术网

Angularjs ui引导日期选择器在我的应用程序中不工作

Angularjs ui引导日期选择器在我的应用程序中不工作,angularjs,twitter-bootstrap,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,下面是我试图在我的应用程序中运行的代码。甚至我也有相同版本的js和css。这是plunker链接。原始代码的,在这里 //html code <div ng-controller="DatepickerDemoCtrl"> <h4>Popup</h4> <div class="row"> <div class="col-md-6"> <p class

下面是我试图在我的应用程序中运行的代码。甚至我也有相同版本的js和css。这是plunker链接。原始代码的,在这里

 //html code
<div ng-controller="DatepickerDemoCtrl">
    <h4>Popup</h4>
        <div class="row">
            <div class="col-md-6">
                <p class="input-group">
                  <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="dt" is-open="opened" />
                  <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                  </span>
                </p>
            </div>
        </div>
   </div>
//Js code
var DatepickerDemoCtrl = function ($scope) {

  $scope.open = function($event) {
    $event.preventDefault();
    $event.stopPropagation();

    $scope.opened = true;
  };
};
我的疑问是

  • 当我从日历中选择日期时,我看不到日期。(在{{dt}})。
  • 我需要将所选日期传递给我的家庭控制器。

请看这里,您似乎错过了NGRoute您可能遇到了所述的原型继承gotcha。不直接绑定到原语被认为是最佳实践。我已经看到了一些使用它的模式:$scope.vm=$scope;然后绑定到vm.property。@sylvester我不认为angular的旧版本需要ng路由。请用ng route编辑该plunker,并在包含ng route的位置发表评论。@RobJ我看到了感谢您提供的链接,但即使在分配给属性后,该链接也不起作用。请在plunker中编辑并向我提供链接。伙计们,我有angular v1.1.5,所以我尝试移动最新版本,我添加了ngRoute Dependency,并将其包含在js文件中,向我的应用程序添加了链接,但我仍然得到了空视图。从1.1.5更新到newset ng 1.3.12时,我遗漏了哪些内容?你是不是因为旧版本我没有约会采集器?
<h4>Popup</h4>
    <div class="row">
        <div class="col-md-6">
            <p class="input-group">
              <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="dt" is-open="opened" />hi{{dt}}
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="opencal($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>
    </div>

....//my ctrl is home ctrl here so this code wrapped in homectl.
 //app code.
    var app1 = angular.module("HomeApp",['uiSlider','ui.bootstrap']);
    //this where i defined dependency.
        app1.controller('HomeCtrl', function( $scope,$http,$q,$location,$window,$routeParams,$modal, $log) {
    //here is my datepicker code.
          $scope.opencal = function($event) {
            $event.preventDefault();
            $event.stopPropagation();
            $scope.opened = true;
          };
    ...//my rest code goes below