草庐IT

angularjs-bindings

全部标签

javascript - Angularjs $window.open 弹出窗口被阻止

我正在尝试使用GithubAPI的webauthflow从AngularJS应用程序中。当我的注册表单提交时,我想打开一个新窗口将它们发送到授权页面。通常我只会在用户事件中使用window.open以确保它不会被弹出窗口拦截器捕获。在我的Angular应用程序中,我包装了一些GithubAPI和Angular服务,打开窗口的代码也放在那里。正因为如此,它被阻止了。我还尝试将它放在Controller中的一个函数中,该函数通过ng-submit被表单调用。所以问题是,是否有一种优雅的方式可以在我的服务或Controller中的某处提交的表单上打开一个新页面,或者我是否需要找到另一种方式来

javascript - v-bind :class 的 Vue.js 计算属性

如果我有一个返回true或false的计算函数,我知道如何使用v-bind:class。我想知道是否可以使用与被单击按钮的ID和该按钮的值相匹配的计算属性。因此,单击按钮1我可以获得该按钮的值,并检查它是否与绑定(bind)到输入的数据模型的值匹配。目前按钮的值已同步到Vue数据属性。OneTwonewVue({el:'#app',data:{'valueOfBtn':1这个位只适用于一个按钮,显然我不想重复这个代码块x次。computed:{myBtnClass:function(){varresult=[];if(this.valueOfBtn)==document.getElem

javascript - AngularJS UI Bootstrap 模式无法执行范围内的功能

在我的angularjs应用程序中,我使用UIBootstrap来创建模式。我将范围和自定义Controller传递到模态中,它显示我来自原始范围的数据,但无法执行其任何功能。我有主Controller:myapp.controller('WsCtrl',functionWsCtrl($scope,$location,todoStorage,filterFilter,$modal,$log){在Controller中我有下一个:$scope.items=['item1','item2','item3'];$scope.open=function(){varmodalInstance=$

javascript - 如何将ng-bind-html与双向数据绑定(bind)一起使用?

我现在正在做一个简单的编辑器,用角度。主文本框只是一个div,contentEditable设置为true,ngbindhtml属性如下:HTMLcontenthere使用正确的标记和页面加载来正确设置和呈现该值。但由于它只以一种方式绑定,我的数据或模型在编辑时不会更新。我试过一些contentEditabledirectivs,但大多数都需要ng模型,但如果我添加了html标记,则不会呈现并转换为符号。在div的内容被更改之后,我应该如何更新我的数据,并保持html标记等格式正确?编辑:暂时使用这个临时的“修复”,但是我想要更健壮的东西。$scope.saveHTML=functio

javascript - AngularJS:为什么从对象中删除空模型字段?

在我的应用程序中,我有一个模型附加到一个类似这样的表单:$scope.location={description:"mydescriptivedescription",address:"blah"}清除表单中绑定(bind)到ng-model="location.description"的字段“description”,从$scope.location中删除该字段,该字段变为:$scope.location={address:"blah"}现在我希望它保留“描述”字段。我该怎么做才能实现这种行为?谢谢你的帮助 最佳答案 一种可能性是

javascript - 在 AngularJS 中选择下拉项时显示概述文本

我希望显示每个小部件类别的概览,以便在选择该小部件类别时显示在过滤结果上方。我假设这将需要一个ng-show指令,因此可能也需要一些Controller代码。但是任何关于将选择下拉菜单与我的ng-repeat链接起来以及与ng-show链接起来的任何指示都会很棒。这是我的目标:之前之后SelectWidgetRange1WidgetRange2WidgetRange3ProductName:{{product.name}}Quantity:{{product.quantity}}Price:£{{product.price}}https://plnkr.co/edit/0WrinKY2

javascript - 使用 Angularjs 计算总价和数量

使用ui.bootstrap.typeahead,我从我的json列表中选择一个产品(通过键入“P”)。我的目标是自动设置总价。但我无法显示所选产品的价格(value="{{selected.price}}")因此它可以计算总计。不确定我做错了什么。笨蛋:http://plnkr.co/edit/F9jPt7IZgsWyON2vEmicangular.module("app",["ui.bootstrap.productautocomplete"]);产品.json{"products":[{"productversion":1,"name":"product1","price":"1

javascript - AngularJS 绑定(bind)选项的性能

我想知道随着复杂性的增加,下面的代码变体对性能的影响。AngularJS:Whyng-bindisbetterthan{{}}inangular?中已经解决了这个问题的部分答案(那些使用属性的)但我想了解使用函数而不是属性的影响。在我看来,当发生变化时,Angular的属性在某种意义上“知道”,而函数是不透明的,因此Angular不会知道,并且每次都必须评估。然而,根据上面提到的另一个SO问题,无论如何,Angular每次都已经在使用直接模板进行评估。那么使用函数而不是属性真的会有性能损失吗?它们各自的优缺点是什么?1直接模板属性Hello,{{user.name}}2ng-bind-

javascript - Angularjs 应用程序不打开配置的模式

我正在使用angularjs构建一个应用程序,我需要在其中显示一个页面,然后在用户粘贴url时打开一个包含详细信息的模式窗口。路由器配置如下:.state('main.legalentitites',{url:'/products/{productId:string}',views:{'content@':{templateUrl:'app/views/productdetail.html',controller:'productDetailCtrl',},},}).state('main.products.add',{url:'/products/{productId:string}

javascript - 在 AJAX 加载后重新绑定(bind) jQuery 风格的 UI 界面的首选模式是什么?

这总能打动我。在网页上初始化所有可爱的UI元素后,我加载了一些内容(例如,进入模态或选项卡),新加载的内容没有初始化UI元素。例如:$('a.button').button();//jqueryuibuttonasanexample$('select').chosen();//chosenuiasanotherexample$('#content').load('/uri');//contentisnotstyled:(我目前的方法是创建一个需要绑定(bind)的元素注册表:varuiRegistry={registry:[],push:function(func){this.regi