angularjs 相关问题

用于关于开源JavaScript框架AngularJS（1.x）的问题。不要将此标记用于Angular 2或更高版本;相反，使用[angular]标签。

返回后换行导致编译错误

我的 AngularJS 代码如下所示： module.directive('myDir', ['$rootScope', 函数($rootScope) { 返回{ 限制：'A'，链接：函数（范围，el，属性，控制器）{ ...

angularjs

回答 2 投票 0

Angularjs：打开日历的焦点和月份选择器功能？

如何将打开焦点功能（类似于 Microsoft Windows 7 日历）添加到我的日历中，如我们使用 Angular Material 版本 1.0.1 的演示中所示，请帮助我解决方案。谢谢广告...

jquery angularjs angularjs-directive angularjs-scope

回答 1 投票 0

使用 Angular JS 更改单击时按钮的文本

如何在单击按钮时更改按钮的文本。这是我尝试过的。 HTML：切换！如何在单击按钮时更改按钮的文本。这是我尝试过的。 HTML： <button ng-click="toggle = !toggle">Toggle!</button> <div class="box on" ng-show="toggle" ng-animate="'box'">On</div> JS： function MainController($scope) { $scope.toggle = true; } 或者，如果您愿意，可以将所有内容保留在 HTML 中，而不是在控制器中定义按钮文本： <button ng-click="toggle = !toggle"> <span ng-show="toggle">Toggle to Off</span> <span ng-hide="toggle">Toggle to On</span> </button> <div class="box on" ng-show="toggle" ng-animate="'box'">On</div> 我认为，使用toggle的手表就可以了 <button ng-click="toggle = !toggle">{{toggleText}}</button> <div class="box on" ng-show="toggle" ng-animate="'box'">On</div> 然后 app.controller('AppController', function ($scope) { $scope.toggle = true; $scope.$watch('toggle', function(){ $scope.toggleText = $scope.toggle ? 'Toggle!' : 'some text'; }) }) 演示：小提琴由于 watch 和 ng-show 的性能，我不会使用它们。就这么简单： app.controller('AppController', function ($scope) { $scope.toggle = true; }) <button ng-click="toggle = !toggle">{{toggle && 'Toggle!' || 'some text'}}</button> 这是我的解决方案，支持翻译： HTML： <span class="togglebutton"> <label> <input type="checkbox" checked="{{myApp.enabled}}" ng-model="myApp.enabled" ng-click="toggleEnabled()"> <span translate="{{myApp.enableCaption}}">Is Enabled?</span> </label> </span> JS - 控制器： $scope.toggleEnabled = function() { $scope.myApp.enableCaption = $scope.myApp.enabled ? 'global.enabled' : 'global.disabled'; }; 其中 global.enabled 和 global.disabled 指的是 i18n JSON 翻译。您还需要在 JS 中初始化 enableCaption，在您创建空对象的地方。现有的答案很好，但这里有一个可运行的示例，在某种程度上简化了代码。 toggle 似乎是一个不清楚的变量，因为不清楚“true”或“false”对应的状态是什么。除此之外，我会使用三元来根据切换是打开还是关闭来选择适当的文本。 angular.module("exampleApp", []) .controller("toggleCtrl", function($scope) { $scope.on = true; }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.js"></script> <div ng-app="exampleApp"> <div ng-controller="toggleCtrl"> <button ng-click="on = !on"> Toggle to {{on ? "Off" : "On"}} </button> <div ng-show="on">On</div> </div> </div>

javascript jquery angularjs

回答 5 投票 0

一起使用 jQuery 和 AngularJS？

我是 AngularJS 的新手，这个项目推动了我已经了解的有关使用 ng-repeat 和控制器的知识。目标：当您从下拉菜单中选择一个选项并单击按钮时...

javascript jquery angularjs html

回答 2 投票 0

即使刷新网页我也想要我的旧数据

第一个问题：考虑一下，我正在填写任何表格，然后刷新该页面，我想要的是我填写该页面的内容不应该清除，而不仅仅是刷新页面，即使在

java javascript angularjs jsp

回答 3 投票 0

如何使用 Django 和 AngularJS 创建 POST 请求（包括 CSRF 令牌）

我正在尝试使用 angular.js 对此 Django 视图创建 POST 请求。类 PostJSON4SlickGrid（视图）： ”“” SlickGrid 用于更新工作包的 REST POST 接口 ”“” 定义帖子...

django post angularjs

回答 6 投票 0

如何在 Angular 中更改之前/之后的样式？

我正在尝试在 CSS 中使用 before/after 来实现带有三角形的面包屑，如本教程所示： http://css-tricks.com/triangle-breadcrumbs/ 相关片段：我正在尝试在 CSS 中使用 before/after 来实现带有三角形的面包屑，如本教程所示： http://css-tricks.com/triangle-breadcrumbs/ 相关片段： <ul class="breadcrumb"> <li><a href="#">Home</a></li> </ul> .breadcrumb li a { color: white; text-decoration: none; padding: 10px 0 10px 65px; background: hsla(34,85%,35%,1); position: relative; display: block; float: left; } .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid hsla(34,85%,35%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } 但是，我将其用作定向流，例如：主分类>>子分类>>详情此流程从突出显示 Main_Category 开始，其他 2 个部分变暗，下面有一个可供您选择。选择时，子类别会突出显示，并弹出另一个子类别。我的问题是如果前/后边框颜色是伪元素，如何更改它们？所以从教程来看，我认为可以在主要部分上做到这一点： <li><a href="#" ng-style="background: {{color}}">Home</a></li> 但是我没有地方可以为之前/之后设置 ng-style，并且三角形颜色最终保持不变。如果我正确理解你的问题，你想知道如何使用角度指令来动态设置之前/之后伪标签的样式。不要使用 ng-style，而是使用 ng-class 附加一个类来确定要使用哪个 before/after 伪类。 <ul class="breadcrumb"> <li><a href="#" ng-class="someBooleanInScope? 'color-0' : 'color-1'">Home</a></li> </ul> 在 CSS 中： .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid hsla(34,85%,35%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb li a.color-0:after { background: black; } .breadcrumb li a.color-1:after { background: blue; } 在这种情况下我会避免使用 ng-style，您可能会发现使用 ng-class 并根据情况应用不同的类更容易，这将允许您将所有 CSS 保留在一个位置，而不是在 HTML 中覆盖。只需将代码更改为： <li><a href="#" ng-class="{ 'breadcrumb-color': subCategory }">Home</a></li> subCategory 应该是一个布尔值，单击您设置 subCategory，然后它将添加面包屑颜色作为类值，您最终应该得到如下结果： <li><a href="#" class="breadcrumb-color">Home</a></li> 一些示例 css，现在您可以根据需要设置之前和之后： .breadcrumb-color li a { background: red; } .breadcrumb-color li a:after { background: red; } ng-class 应该适合你想要做的事情。 <li><a href="#" ng-style="ng-class="{beforeCSS: amIBeforeElement()}"">Home</a></li> 粗略代码示例其他答案不允许您根据控制器变量值设置元素的样式。这个答案确实！使用 @HostBinding 定义 CSS 变量，然后您可以在 .scss 文件中使用这些变量，从而可以非常轻松地动态设置 :before 和 :after 的样式。 .ts: size = 10 padding = 2 @HostBinding('attr.style') public get cssVars() { return ` --switch-size: ${this.size}; --switch-padding: ${this.padding}; --switch-size-inner: ${this.size - this.padding * 2}; `; } .scss： .my-class:before { height: calc(var(--switch-size) * 1px); }

javascript jquery html css angularjs

回答 4 投票 0

忽略时区的角度字符串到日期对象

我的门户由多个国家/地区组成，从数据湖检索的数据采用 UTC 时区。因此，每当用户尝试在特定国家/地区门户的某一页面中导航时。宝...

angular angularjs typescript date momentjs

回答 1 投票 0

断言错误：预期 false 等于 true

这是代码： this.Then(/^我点击编辑页面的下一个按钮$/,function(callback) { targetPO.getEditNextButton().isPresent().then(function(){ targetPO.getEditNextButton()....

angularjs protractor cucumber e2e-testing cucumberjs

回答 1 投票 0

使用 Angular ui.router 如何从标准 html Angular 页面开始，然后前进到文件夹内带有 ui.router 模板的页面？

我有一个标准的角度页面，不与任何 ui.router 功能（index.html）关联。从该页面中，我单击一个触发 Angular 调用的链接，然后经过一些操作后，流程