Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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 如何制作uib日期选择器&x27;是否显示要动态更新的微调器?_Angularjs - Fatal编程技术网

Angularjs 如何制作uib日期选择器&x27;是否显示要动态更新的微调器?

Angularjs 如何制作uib日期选择器&x27;是否显示要动态更新的微调器?,angularjs,Angularjs,正如您在该代码段中看到的,我已将属性show meridian和show spinners设置为与变量$scope.myBool匹配 我还添加了一个绿色按钮,上面写着change和切换$scope.myBool 虽然show meridian对$scope.myBool中的任何更改都能做出完美的反应,show meridian没有被更新 angular.module('ui.bootstrap.demo',['ngAnimate','ngSanitize','ui.bootstrap']);

正如您在该代码段中看到的,我已将属性
show meridian
show spinners
设置为与变量
$scope.myBool
匹配

我还添加了一个绿色按钮,上面写着
change和切换
$scope.myBool

虽然
show meridian
$scope.myBool
中的任何更改都能做出完美的反应,
show meridian
没有被更新


angular.module('ui.bootstrap.demo',['ngAnimate','ngSanitize','ui.bootstrap']);
angular.module('ui.bootstrap.demo')。controller('TimepickerDemoCtrl',function($scope,$log){
$scope.mytime=新日期();
$scope.hstep=1;
$scope.mstep=15;
$scope.options={
hstep:[1,2,3],
mstep:[1,5,10,15,25,30]
};
$scope.ismeridian=true;
$scope.toggleMode=函数(){
$scope.ismeridian=!$scope.ismeridian;
};
$scope.update=函数(){
var d=新日期();
d、 设定时间(14);
d、 设置分钟(0);
$scope.mytime=d;
};
$scope.changed=函数(){
$log.log('时间更改为:'+$scope.mytime);
};
$scope.clear=函数(){
$scope.mytime=null;
};
$scope.myBool=false;
});
.timepickercontainer.uib timepicker.btn链接{
显示:无;
}
时间是:{mytime | date:'shortTime'}
时间步骤是:
步骤是:

12小时/24小时 设置为14:00 清楚的 改变
这是一个老套的解决方案。我在评论中的说法最好是在指令的回购协议中提出问题

对于“使微调器隐藏并显示”,必须输入ui-bootstrap-tpls.js文件并找到此行

$scope.showSpinners = angular.isDefined($attrs.showSpinners) ?
$scope.$parent.$eval($attrs.showSpinners) : timepickerConfig.showSpinners;
用这个代替

$scope.showSpinners = timepickerConfig.showSpinners;
  if ($attrs.showSpinners) {
    watchers.push($scope.$parent.$watch($parse($attrs.showSpinners), 
function(value) {
      $scope.showSpinners = !!value;


        updateTemplate();

    }));
  }
这是我的plnkr
这是一个老套的解决方案。我在评论中的说法最好是在指令的回购协议中提出问题

对于“使微调器隐藏并显示”,必须输入ui-bootstrap-tpls.js文件并找到此行

$scope.showSpinners = angular.isDefined($attrs.showSpinners) ?
$scope.$parent.$eval($attrs.showSpinners) : timepickerConfig.showSpinners;
用这个代替

$scope.showSpinners = timepickerConfig.showSpinners;
  if ($attrs.showSpinners) {
    watchers.push($scope.$parent.$watch($parse($attrs.showSpinners), 
function(value) {
      $scope.showSpinners = !!value;


        updateTemplate();

    }));
  }
这是我的plnkr

我认为可能是与指令相关的问题,而不是您的代码,请尝试在问题部分报告错误。我仍在进行研究。我认为可能是与指令相关的问题,而不是您的代码,请尝试在问题部分报告错误。我还在做研究。我还在回购协议中为这个函数性开了一个问题。我还在回购协议中为这个函数性开了一个问题。