草庐IT

javascript - 使用范围 : $scope 时,ngDialog $scope 变量未被 $dialog 中的 ngModel 字段更新

我有一个使用ngDialog.open创建对话框的Controller。我分配scope:$scope并在弹出的$dialog中使用ng-model设置范围变量。但是,这些值未在Controller$scope中设置。ng-click函数能够调用$scope中的函数。有什么我遗漏的吗,我在这里和github上搜索了很多,阅读了文档并使用了项目中github上提供的所有示例。下面的JSFiddles进行了解释。它表明scope:$scope不是.open()的样子。这是一种单向绑定(bind),不会返回到$scope。.openConfrm()似乎具有预期的行为。ngDialog.ope

javascript - Angular UI Modal 2方式绑定(bind)不起作用

我正在添加一个AngularUI模态,我将范围传递到模态窗口以进行2种方式绑定(bind)。我使用resolve方法来传递范围值。这样做的工作方式意味着当父级中的ng-model值发生变化时,它会反射(reflect)在模态窗口内。但是,如果模态窗口内的值发生变化,则不会反射(reflect)在父ng-model中。这是我的代码:HTML:ClickMe{{textbox}}Controller:varapp=angular.module('app',['ui.bootstrap']);app.controller('ParentController',function($scope,

javascript - AngularJS ngModel 在 ui-bootstrap tabset 中不起作用

下面的代码说明了这个问题:AngularJSPlunkerangular.module('plunker',['ui.bootstrap']).controller('MainCtrl',function($scope){$scope.changes=0;$scope.updateValueInScope=function(){$scope.valueInScope=$scope.value;$scope.changes++;}});value:{{value}}valueInScope:{{valueInScope}}changes:{{changes}}value:{{value}

javascript - Angular : Update model from directive

我这里有一个fiddle:http://jsfiddle.net/KdkKE/44/我想做的是创建一个“切换”组件,基本上是一个自定义复选框,但如果它是true或false,html会发生变化,它绑定(bind)到Controller中的bool值。当用户点击开关时,模型会更新,指令的View也会发生变化。它类似于指令文档末尾的示例http://docs.angularjs.org/guide/directive但状态将受到约束,以便在启动时它是正确的。varapp=angular.module('App',[]);functionCtrl($scope){$scope.init=fu

javascript - AngularJS 指令 - 将 ngModel 与 jQuery 小部件一起使用时的最佳实践

这是我的问题。例如,我们有以下指令,它在幕后使用了一些jQuery小部件:module.directive('myWidget',[function(){return{require:"ngModel",restrict:"A",replace:true,templateUrl:"templates/myWidget.html",link:function(scope,element,attrs,ctrl){element.widget_name().on('value_updated',function(event){scope.$apply(function(){varnewMod

javascript - 设置 ngModel 默认值 Angular 2

angular2中的ngModel有问题。有一个任务是从组件类中的数组输出几个输入。发现了一种使ngModel从[name]属性中获取其值而不包含[()]中的ngModel的可能性。我想知道是否有办法为这些输入提供默认值。个人详细信息.component.ts:import{Component,}from'@angular/core';import{Input}from'./Input'@Component({selector:'personal-details',styleUrls:['personal-details.component.sass'],templateUrl:'pe

javascript - 如何在 ionic radio 元素上使用 ngModel?

我正在尝试在ionicradio元素上实现ngModel,但不知何故它不起作用。这是我的代码:import{Page}from'ionic-angular';@Page({templateUrl:'build/pages/settings/settings.html'})exportclassSettings{constructor(){this.unit=2;}}UnitMetric(kg)Imperial(lbs)我已经尝试在ion-input和ion-select上实现它并且效果很好。我还尝试将directives:[FORM_DIRECTIVES]添加到我的@Page并添加了相

javascript - AngularJS - 访问子指令 Controller

如何访问子指令Controller?具体来说,我需要访问父指令中存在的所有ngModelController。示例:那么,“parentDirective”有没有办法访问“model1”和“model2”的ngModelControllers? 最佳答案 更新jqLit​​eextrasmethods还有一个Controller方法来检索与元素关联的特定Controller。因此,您可以查询ng-models并获取Controller名称angular.element(el).controller('ngModel')。contro

javascript - ngModel - 如何处理它在不同浏览器中的不同行为?

我正在尝试处理ngModel在不同浏览器中的不同行为。我的指令包装了jqueryUI自动完成功能,并在其select事件上调用了ngModel.$setViewValue(selectedItem.id)。自动完成允许用户通过单击鼠标或按键盘上的enter来选择项目。如果建议的项目是:{"name":"Apple","id":"1000"}我希望在选择它之后,ngModel值将是所选项目的id-1000。在Chrome中,它工作正常-它正确设置了$viewValue和$modelValue($modelValue=1000)。在Firefox中,它像在Chrome中一样设置模型($mo

javascript - ngFor + ngModel : How can I unshift values to the array I am iterating?

我有一个元素数组,用户不仅可以编辑,还可以添加和删除完整的数组元素。这很好用,除非我尝试将一个值添加到数组的开头(例如使用unshift)。这是一个证明我的问题的测试:import{Component}from'@angular/core';import{ComponentFixture,TestBed}from'@angular/core/testing';import{FormsModule}from'@angular/forms';@Component({template:``})classTestComponent{values:{value:string}[]=[{value