我试图在angularjs控制器中创建一个乘法函数.我希望功能返回数量和价格的产品.我正在使用下面的代码段,但它返回了一个错误.我究竟做错了什么？<!DOCTYPE html> <html><head> <script src= "Angular.js"></script> </head><body><div ng-app="" ng-controller="personController"><h2>Cost Calculator</h2>Quantity: <input type="number" ng-model="quantity"> Price: <input type="number" ng-model="price"><p><b>Total in dolla...
我想创建一个AngularJS指令,该指令能够使用ng-if创建一个自定义按钮,该按钮基于一个触发事件属性(绑定并根据用户在表单上执行的操作具有动态值)并级联所有其他属性(新按钮上的任何,不可预测的.该按钮将包含myButton的相同HTML. 触发事件条件在控制器中指定：$scope.trigger = (specified in the controller and dynamic); // can be true or false $scope.disabled = (specified in the controller and dynamic); // can be true o...
我有一个从REST API中获取的对象… 我想循环遍历数组并从中创建对象/数组 这是阵列; orderItem包含menu_modifier_groups,其中包含menu_modifier_items orderItem – > menu_modifier_groups – > menu_modifier_itemsorderItem: { id: 159name: Empanadas (Choice of 2)description: Choice of Diced Beef; Spinach, Stilton and Onion; or Smoked Ham and Mozzarellaprice: 700available: 1created_at: 2016-01-31 16:50:31upd...
首先让我告诉你我想做什么. 我想索引我在Angular JS中制作的网站,为此我已经阅读了谷歌出于此类目的的所有文档或文章. 而我发现的是： 我需要使用html5Mode或hashbag模式将我的角度js url转换为友好的url. 例如：http：//www.example.com/#/关于http://www.example.com/#!/about或仅http://www.example.com/about 使用< meta name =“fragment”content =“！”> 因此,当我的网站上有任何抓取工具说Googlebot会来时它会看到我的网址...
我遇到了一个问题,我看不出任何出路. 我有一个页面应用程序,我目前正在使用角度滚动导航.现在,我想要完成的是以下内容： 我有两个“img”按钮,一个是ScrollDown,另一个是ScrollUp.有没有办法创建一个指令作为角度滚动和/或AngularJS的一部分？当用户点击ScrollDown按钮时,它将滚动到下一个div id(可能会将某个数组中的id放置在当前位置将被保存的位置,因此单击以触发滚动到下一个数组值)并且当用户滚动到底部,按钮应更改为ScrollUp...
我想在具有已定义路径的特定模块中获取所有路由,并使用ngFor循环遍历它们并在我的组件html中创建动态链接列表. ngFor示例(overview.component.html)：<li *ngFor="let item of items; let i = index;"><a routerLink="/{route.path}">{route.path}</a> </li>模块示例(base.module.ts)：...const routerConfig = [{path: '',component: BaseComponent,children: [{path: '',component: OverviewComponent},{path: 'group-one',compo...
我正在尝试为我的网站创建一个联系表单.我正在使用MEAN堆栈,因此nodemailer模块似乎有意义使用. 我创建了一个端点’/ api / contact’,接受POST请求并使用该请求上的数据发送邮件. 然后我在我的角度应用程序中有一个表单,在提交时调用一个函数来生成一个http. 希望这听起来很正确.顺便说一句,我一直在使用Yeoman angular-fullstack生成器,所以我的代码遵循这个结构. 当应用程序加载到我的控制台时,我看到一个500错误代码,然后当我查...
我创建了这个简单的Web应用程序,将数据放入firebase数据库.问题是我在浏览器中打开网页时出错.这是我得到的错误Possibly unhandled rejection: {} angular.js:14324此外,当我第一次按下sumbit按钮而字段中没有数据时,它会显示与上面显示的相同的错误.然后当我再次按下按钮时,它会将空字段提交给数据库.我认为angular发现字段是空的问题.我错过了什么吗？将文本放在字段中工作正常,它也提交到数据库.它只是空字段,他们是问题.var ap...
我使用Angular 4创建我的管理面板.在左侧,我有一个从主路由器加载的菜单.在左边有一个绿色区域,我想在其中加载另一个组件.我使用了一个名为“console-router”的新路由器.但是,我无法获得要显示的内容.另一个组件内部有有效的HTML,主路由器工作得很好.在定义应该在左侧区域显示“App Dashboard”内容的(链接)时,我得到一个解析错误.我在App Module中定义了我的路径： app.module.ts{path: 'console',component: ConsoleComponent,c...
我正在尝试做一些可能不太常见的事情.我试图利用最好的Angular而不需要很多外部依赖,但出于需求原因,我必须使用一个非常特定的库来进行日期范围选择(this one),但它使用JQuery和Moment.js,以及Bootstrap的CSS(但这个已经添加了). 在这种情况下,我可以在页面中简单地加载JQuery和Moment.js,但这似乎不是一种智能方法：捆绑包大小会变得更大,我必须尽可能地优化这个应用程序. 然后,我提出了一个想法：为什么不延迟加载这些依赖项,然后...
如何等待不确定的递归承诺来解决 我在我的应用程序中遇到流量控制问题.我有一个分层(类似家庭？)的数据结构,如： {姓名：“鲍勃”,孩子们：[{姓名：“蒂姆”,孩子：[..]},{另一个孩子……}]} 这种结构可以深入很多层次. 现在我要做的是递归遍历所有人,抓住他们的ID,进行api调用以检索这个人的照片. Psuedo代码：gatherPicture(hierarchy); console.log("I want to wait before doing this!") // Logs too early function gatherPic...
我是角度新手,我使用angular指令制作了音频按钮：app.directive('soundButton', [function () {return {restrict: 'E',link: function (scope, element, attrs) {var audioSrc = attrs.origem;var audio = new Audio(audioSrc);scope.play = function () {if (audio.paused) {audio.play();} else {audio.pause();}};element.css({borderRadius: '50%',width: '100px',height: '100px', backgroundColor: 'red',display: 'inline-b...
我有一个使用AngularCli在Angular2中的开发应用程序,我想将它用作另一个项目的“布局”(如MasterPage).就像一个大的“SPA系统”. 例如,在菜单中我们将具有以下内容： >框架 >页面A. > Xpto >第B页 框架在http://localhost:90运行,XPTO在http://localhost:91运行.它们都在AngularCli上运行. 我想创建一个结构,当我点击页面A或页面B时,浏览器不会重新加载,它将为用户提供“应用程序”样式,将页面加载为站点之间的SPA. 主要原因是将de...
我正在学习angular2,我基本上要做的是创建一个组件,(某些方法),可以包含其他组件. 我的意思是,我想创建一个可以包含内容的组件卡. 这是一个例子：<Card><span>Some Content</span> </Card>我想多次重复使用Card,我怎样才能创建这样的组件？解决方法:您可以使用指令< ng-content>< / ng-content>在组件的模板中,在该位置插入内容.
我正在尝试使用Angular指令创建d3图表.我设法创建它,但问题是我想在图表元素上有一些ng-click事件,我不确定应该怎么做. 这是我的指示：.directive('circleChart', function($parse, $window, $compile) {return {restrict: 'A',scope: {datajson: '='},link: function(scope, elem, attrs) {var circleChart = new CircleChart(scope.datajson);circleChart.initialise(scope);var svg = circleChart.generateGraph();svg = angula...