Questions tagged «javascript»

我正在尝试通过将Post发送到php文件来提供简单的身份验证服务，ng-view当成功时，我需要它来加载主页的部分内容。 这是我尝试的： function loginCtrl($scope, $http, $location){ $http.post(url,data).success(function(data){ $location.path('/home'); }); } 结果我的网址发生了变化，但ng-view没有更新。当我手动刷新页面时，它会更新。 （路由已在处进行了正确配置$routeProvider，我已经测试了使用独立功能（而不是作为回调）将其重定向，并且可以正常工作） 我也尝试过定义$location.path('/home')为一个函数，然后在回调中调用它仍然不起作用。 我进行了一些研究，发现一些文章指出使用其他第三方插件时会发生这种情况，我仅加载angular.js 任何对某些学习材料的见解或指导都是很棒的

72 javascript  model-view-controller  angularjs 

我在HTML中看到过这样的标签。这些属性是什么？ 这不是问题的重复data-*。 编辑： 我正在寻找这两个特定的属性，而不是data-*一般而言，也不是data-require d，正如Google所建议的那样。如果在网上搜索，您会发现这些属性在很多地方都被使用。我猜这有点像依赖管理软件吗？ <link data-require="bootstrap-css@*" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> <script data-require="angular.js@1.1.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" data-semver="1.1.5"></script> <script data-require="ui-bootstrap@0.5.0" data-semver="0.5.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>

72 javascript  html  css  plunker 

我们正在制作一个Angular2应用程序，我们希望能够以某种方式创建一个全局CSS变量（并在分配变量时每当更改时更新属性的值）。 我们使用Polymer已有一段时间（现在我们要切换到Angular2组件），并且使用CSS属性（Polymer具有一些polyfill），并且仅使用来更新样式Polymer.updateStyles()。 有什么方法可以实现类似的功能？ 编辑： 我们想要类似于Sasscolor: $g-main-color或CSS自定义属性的东西，color: var(--g-main-color)并且每当我们决定更改属性的值时（例如，类似updateVariable('g-main-color', '#112a4f')它的东西都会在任何地方动态更新值）。应用运行时的所有情况。 编辑2： 我想在CSS的不同部分（主机，子元素...）中使用一些全局CSS变量，并能够立即更改该值-因此，如果我更改my-color变量，它将在应用程序中随处更改。 我将使用Sass语法作为示例： :host { border: 2px solid $my-color } :host .some-label { color: $my-color } 可以使用类似Angular管道的东西吗？（但据说它仅适用于HTML） :host { border: 2px solid {{ 'my-color' | cssvariable }} } :host .some-label { color: {{ 'my-color' | cssvariable }} }

72 javascript  angular  dart  angular-dart 

angular.isdefined超越的好处是什么foo === undefined？ 我不能马上想到好处。

72 javascript  angularjs 

我正在实现我的第一个实际的非教程式Backbone应用程序，并且对使用bbone.js方面的使用存在两个疑问，这对我来说不太好，这涉及将视图的渲染el注入DOM与使用的现有元素el。我怀疑我会在这里为大家提供一些“可教的时刻”，并感谢您的帮助。 我在网络上看到的大多数Backbone View示例在创建View时都会指定tagName，id和/或className，从而创建一个与DOM无关的el。它们通常看起来像： App.MyView = Backbone.View.extend({ tagName: 'li', initialize: function () { ... }, render: function () { $(this.el).html(<render an html template>); return this; } }); 但是这些教程并不总是能解释他们如何建议将渲染的el引入DOM。我以几种不同的方式看到了它。因此，我的第一个问题是：调用视图的render方法并将其el插入DOM的适当位置在哪里？（不一定是同一地点）。我已经看到它是在路由器中，视图的初始化或渲染函数中或仅在根级文档就绪函数中完成的。（$(function ()）。我可以想象其中的任何一项工作，但是有正确的方法吗？ 其次，我从一些HTML标记/线框开始，然后将html部分转换为与主干视图相对应的js模板。我觉得与其让视图呈现一个未附加的元素并在html中提供锚点以将其插入，还不如让它看起来更自然，当一个视图只包含一个元素并且不会消失时，使用现有的空包装器元素（通常是adiv或span）el本身。这样，我不必担心在文档中找到插入我未附加的el的位置，这可能最终看起来像这样（请注意额外的层次）： <div id="insert_the_el_in_here"> <!-- this is all that's in the original HTML doc --> <div id="the_el"> <!-- i used to be a …

72 javascript  backbone.js  backbone-views 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 在玩完AMD / RequireJS之后，我想知道加载UI模块（包括模板和CSS）是否完全独立于网页是否是个好主意。 听起来不错，但我还没有看到在野外实现这一功能，因此可能存在一些陷阱。 考虑一些具有以下结构的UI模块： myWidget |--img |--main.js |--styles.css +--template.tpl 所有内容都放在一个文件夹中。看起来很好。 main.js中的模块如下所示： define(["TemplateEngine", "text!myWidget/template.tpl"], function(TemplateEngine, template) { // Load CSS (Pseudo Code) var cssUrl = "myWidget/styles.css"; appendToHead(cssUrl); return function() { return { render: function(data) { return TemplateEngine.toHtml(template, data); } } } }); 现在的问题是： 我想念什么吗？ 是否有任何插件/概念如何以“标准”方式实现这一目标？ RequireJS优化器是否能够在这里处理CSS部分，例如像在JS部分中一样处理样式/缩小样式表？ …

72 css  requirejs  javascript  js-amd 

寻找Web套接字实现的Hello World类型示例： 这是来自php.net的Socket Create参考，但这看起来比Web Sockets更底层。 我想使用caniuse.com上所示的Web套接字，该套接字现在已在所有新的主要浏览器中实现。 Google搜索打开了这个Nets.TutsPlus网站，在其中可以使用JavaScript示例代码...但是我需要知道如何在PHP中实现服务器端，而不是示例中的Java，Ruby或Node.js。 PHP套接字创建相关吗？PHP本身是否支持Web套接字？我想正确的方向实现PHP会有所帮助。 实际上，本教程的phpwebsockets链接已损坏...这是图书馆应该使用的库吗？ Websockets.org有一个测试应用程序，但是没有提到PHP。

72 php  javascript  websocket 

我一直在玩弄角2在过去的几天，不知道是否有可能提供一个动态templateUrl的@View装饰。 我尝试过将其传递给一个函数并从中返回一个字符串，但是整个函数都变成了字符串。 我之前也没有真正使用过Angular 1.x，所以我不知道我是不是以错误的方式进行操作，但这是否可能，或者是否有更好的方法来创建动态视图？ 例如，如果用户未登录，我可能要显示一个表单，但如果用户登录，则要显示文本消息。 这样的事情不起作用： @Component({ selector: 'my-component' }) @View({ // This doesn't work templateUrl: function() { return this.isLoggedIn ? 'logged-in.html' : 'logged-out.html'; } }) class MyComponent { constructor() { this.loggedIn = false; } } 任何帮助，将不胜感激。

72 javascript  angular 

我发现Angular对模型的使用令人困惑。Angular似乎采用了模型可以随心所欲的方法-IE Angular不包括显式的模型类，您可以将原始JavaScript对象用作模型。 在我所见过的几乎每个Angular示例中，模型实际上都是手动创建的对象，或者是通过Resource通过API调用返回的对象。因为我看过的几乎每个Angular示例都很简单，所以通常将模型数据存储在$ scope中的控制器中，并且与模型相关的任何状态（例如选择）也都存储在控制器中的$ scope中。这对于简单的应用程序/示例来说效果很好，但是当应用程序变得更加复杂时，这似乎过于简化了。例如，如果上下文发生更改，则存储在控制器中的模型状态可能会变得上下文相关并丢失。A控制器存储selectedGallery和selectedPhoto只能存储全局selectedImage，而不是selectedPhoto每个画廊。在这种情况下，每个画廊使用一个控制器可能会解决此问题，但从UI角度看似乎很浪费，而且可能是不合适和不必要的。 Angular对模型的定义似乎更接近我认为的VO / DTO，它是在服务器和客户端之间传递的一个愚蠢的对象。我的直觉是将这样的对象包装在我认为的模型中-一种类，该类维护与DTO / VO相关的状态（例如选择），根据需要提供变体来操纵DTO / VO，并通知其余对象对基础数据进行更改的应用。显然，Angular的绑定很好地照顾了最后一部分，但是我仍然看到前两个职责的强大用例。 但是，我在所查看的示例中并未真正看到过这种模式，但是我也没有看到我认为可伸缩的替代方案。Angular似乎通过强制使用Singletons隐式地不鼓励将Services用作模型（我知道有解决此问题的方法，但它们似乎并未得到广泛使用或认可）。 那么我应该如何保持模型数据的状态呢？ [编辑]这个问题的第二个答案很有趣，接近我目前正在使用的答案。

72 javascript  model  angularjs  state 

我想使用JavaScript / jQuery / Ajax从ASP.NET MVC 3.0中的一页重定向到另一页。在按钮单击事件中，我已经编写了如下的JavaScript代码。 function foo(id) { $.post('/Branch/Details/' + id); } 我的控制器代码是这样的： public ViewResult Details(Guid id) { Branch branch = db.Branches.Single(b => b.Id == id); return View(branch); } 当我单击按钮时，它正在BranchController内调用Details动作，但不会返回到Details视图。 我没有收到任何错误或异常。在Firebug中显示状态200 OK 。我的代码有什么问题，如何重定向到“详细信息”视图页面？

72 c#  javascript  jquery  asp.net-mvc 

我读过“什么是按位运算符？” ，所以我知道什么是 按位运算符，但仍不清楚如何使用它们。谁能提供在JavaScript中有用的按位运算符的真实示例吗？ 谢谢。 编辑： 深入研究jQuery源，我发现了几个使用按位运算符的地方，例如：（仅＆运算符） // Line 2756: event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) )); // Line 2101 var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? …

72 javascript  bitwise-operators 

我到处都读到了全局变量不好的地方，应该使用替代方法。特别是在Javascript中，我应该选择哪种解决方案。 我想一个函数，当喂两个参数（function globalVariables(Variable,Value)）看起来，如果在本地数组存在变量，如果它的值设置为Value，否则，Variable和Value附加。如果在不带参数（function globalVariables()）的情况下调用该函数，它将返回数组。也许如果仅使用一个参数（function globalVariables(Variable)）触发函数，则它将返回Variable数组中的值。 你怎么看？我想听听您使用全局变量的替代解决方案和参数。 您将如何使用 globalVariables(); function append(){ globalVariables("variable1","value1"); //globalVariables() would append variable1 to it's local array. }; function retrieve(){ var localVariable1 = globalVariables("variable1"); //globalVariables() would return "value1". }; function retrieveAll(){ var localVariable1 = globalVariables(); //globalVariables() would return the globalVariable()'s entire, local [persistently stored between calls] array. }; …

72 javascript  global-variables 

我试图建立一个myApp.config模块来存储我的应用程序的一些设置，我写了一个config.js文件： angular.module('myApp.config', []) .constant('APP_NAME','My Angular App!') .constant('APP_VERSION','0.3'); 我将其添加到我的app.js（角种子）中： angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'myApp.config']). 我将其添加到index.html文件，现在我试图弄清楚如何在控制器中获取它，我尝试了： angular.module('myApp.controllers', ['myApp.config']) .controller('ListCtrl', ['$scope', 'myApp.config', function($scope, $config) { $scope.printme = $config; }]) 但我得到： 未知提供者：myApp.configProvider <-m​​yApp.config 我在这里做错什么了，有什么主意吗？

72 javascript  angularjs 

从目前的情况来看，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 8年前关闭。 我管理一群程序员。我确实重视员工的意见，但是最近我们在网络项目中使用哪种框架方面存在分歧。 我个人更喜欢MooTools，但是我的一些团队似乎想迁移到jQuery，因为它被更广泛地采用。这本身不足以允许我进行迁移。 我已经使用了jQuery和MooTools。这篇特别的文章倾向于反映我对这两个框架的看法。jQuery非常适合DOM操作，但似乎仅限于帮助您做到这一点。 功能方面，jQuery和MooTools都允许轻松进行DOM选择和操作： // jQuery $('#someContainer div[class~=dialog]') .css('border', '2px solid red') .addClass('critical'); // MooTools $('#someContainer div[class~=dialog]') .setStyle('border', '2px solid red') .addClass('critical'); 双方的jQuery和MooTools的允许容易AJAX： // jQuery $('#someContainer div[class~=dialog]') .load('/DialogContent.html'); // MooTools (Using shorthand notation, you can also use Request.HTML) $('#someContainer div[class~=dialog]') .load('/DialogContent.html'); 双方的jQuery和MooTools的允许容易DOM动画： // jQuery $('#someContainer div[class~=dialog]') .animate({opacity: 1}, …

72 javascript  jquery  frameworks  mootools 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 4年前关闭。 改善这个问题 我知道有JScript.NET，但它与我们从网络上了解的JavaScript不同。 有人知道桌面开发是否有基于JavaScript的平台/编译器吗？最具体地说是Windows桌面开发。

72 javascript  windows  desktop  platform