我熟悉AngularJS.我尽力做到"纯洁".出于这个原因,我试图避免包含jQuery.但是,我在挑战HTML元素的高度时遇到了挑战.目前,我正在尝试以下方法:
angular.module('myModule', [])
.directive('myDirective', function() {
return {
restrict: 'A',
link: function(scope, element) {
console.log(element.css('height'));
}
};
})
;
Run Code Online (Sandbox Code Playgroud)
但是,执行此代码时,会将空行写入控制台.我正在尝试显示元素的高度.有没有办法在不使用jQuery的情况下在AngularJS中执行此操作?
谢谢!
我正在尝试在我的本地Windows开发机器上启动量角器.为了尝试这样做,我试图使用以下命令从命令行启动它:
C:\myProject\node_modules\grunt-protractor-runner\node_modules\protractor\bin>webdriver-manager start
Run Code Online (Sandbox Code Playgroud)
运行该命令时,我收到一条错误消息:
'webdriver-manager' is not recognized as an internal or external command,
operable program or batch file.
Run Code Online (Sandbox Code Playgroud)
我确信这是正确的.我正在通过NPM安装量角器.我的package.json文件如下所示:
{
"name": "MyProject",
"version": "0.0.1",
"description": "Just the description",
"repository": "N/A",
"readme":"N/A",
"private": true,
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"devDependencies": {
"grunt-contrib-clean": "~0.5.0",
"grunt-contrib-concat": "0.4.0",
"grunt-contrib-connect": "0.7.1",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-cssmin": "~0.6.1",
"grunt-contrib-htmlmin": "~0.1.3",
"grunt-contrib-jshint": "0.9.2",
"grunt-contrib-uglify": "~0.2.4",
"grunt-contrib-watch": "0.5.x",
"grunt-protractor-runner": "0.2.4",
"grunt-start-webdriver":"0.0.2",
"phantomjs": "1.9.7-3",
"selenium-webdriver":"2.41.0",
"load-grunt-tasks": "0.2.x",
},
"license": "none"
} …Run Code Online (Sandbox Code Playgroud) 我正在尝试将JSHint合并到我的构建过程中.我正在构建的应用程序使用AngularJS.目前,我有一个冲突,我不知道如何解决.当我构建我的应用程序时,我收到一个JSHint错误,上面写着:
src\app\app.js
3 |var myApp = angular.module('myApp', []);
^ Redefinition of 'myApp'.
>> 1 error in 2 files
Warning: Task "jshint:source" failed. Use --force to continue.
Run Code Online (Sandbox Code Playgroud)
我收到此错误,因为在我的.jshintrc文件中,我有以下内容:
"predef":["angular","myApp"],
如果我删除"myApp",我会收到一个不同的错误:
src\app\account\welcome.html.js
3 |myApp.controller('WelcomeController', ['$scope', function($scope) {
^ 'myApp' is not defined.
1 error in 2 files
Run Code Online (Sandbox Code Playgroud)
我定义这样的控制器的原因是因为根据AngularJS文档,您不应该在全局范围内定义控制器.正如你所看到的,如果我这样做,就像我该死的那样,如果我不这样做,那该死的.在构建过程中仍然包含JSHint时,如何遵循AngularJS最佳建议?
谢谢!
我正在开发一个使用离子框架的应用程序.这又使用了ui-router.目前,我有一个非常基本的两页应用程序.但是,它会扩大到更大.这时,当我从第一个视图转换到第二个视图时,出现错误.错误说:
TypeError: Cannot read property '1' of null
at http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:14235:28
at updateView (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37839:30)
at eventHook (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37786:17)
at Scope.$broadcast (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19725:28)
at $state.transition.resolved.then.$state.transition (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:31686:22)
at wrappedCallback (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:18429:81)
at http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:18515:26
at Scope.$eval (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19441:28)
at Scope.$digest (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19267:31)
at Scope.$apply (http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:19547:24)
Run Code Online (Sandbox Code Playgroud)
我正在使用Ionic Framework的1.0.0 beta 3.我的app.js文件如下所示:
"use strict";
var myApp = angular.module('myApp', ['ionic', 'ngRoute']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('intro', { url: '/', templateUrl: 'app/account/welcome.html', controller: 'WelcomeController' })
.state('login', { url: '/account/login', templateUrl: 'app/account/login.html', controller: 'LoginController '})
;
$urlRouterProvider.otherwise("/");
});
function WelcomeController($scope) {
}
function LoginController($scope) { …Run Code Online (Sandbox Code Playgroud) 我正在使用一个已经离开我公司的软件开发人员的预先存在的代码库。我已经从存储库下载了源代码。当我尝试构建项目时,我收到一条错误消息:
The type or namespace name 'Diagnostics' does not exist in the namespace 'Microsoft.WindowsAzure' (are you missing an assembly reference?)
Run Code Online (Sandbox Code Playgroud)
我不知道如何启动并运行这个项目。当我查看与项目关联的 NuGet 包时,我可以看到已经安装了 Windows Azure 配置管理器和 Windows Azure 存储包。我不确定我错过了什么。
有人能告诉我我需要在我的机器上安装什么才能克服这个错误吗?谢谢!
我正在使用 AngularJS 构建一个应用程序。我需要跨会话存储一些数据。我认为这$cacheFactory可能是一个选择。但是,我无法弄清楚Cache 对象实际存储数据的位置。
有人能告诉我如何在 AngularJS 中跨会话在客户端存储数据吗?是$cacheFactory对于这种情况,即使一个选项?
谢谢
我正在尝试设置Kibana仪表板.此仪表板正在访问ElasticSearch索引.我的索引具有以下映射:
"myindex": {
"mappings": {
"animals": {
"properties": {
"@timestamp": {
"type": "date",
"format": "dateOptionalTime"
},
"@version": {
"type": "string"
},
"Class": {
"type": "string"
},
"Order": {
"type": "string"
},
"Family": {
"type": "string"
},
"Genus": {
"type": "string"
},
"Species": {
"type": "string"
}
}
},
"elements" : {
"properties": {
"@timestamp": {
"type": "date",
"format": "dateOptionalTime"
},
"@version": {
"type": "string"
},
"Symbol": {
"type": "string"
},
"Name": {
"type": "string"
},
"Group": {
"type": "string"
}, …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用语义ui构建一个网站.我喜欢我看到的很多东西.但是,我正在尝试创建一个选项卡控件.为了做到这一点,我想我抓住了概述页面上的代码.但是,正如我的jsfiddle所示,选项卡行为无法正常工作.这是我的标签代码示例:
<div class="row">
<div class="ui active tab segment" data-tab="first">First</div>
<div class="ui tab segment" data-tab="second">Second</div>
<div class="ui tab segment" data-tab="third">Third</div>
<div class="ui pointing secondary demo menu">
<a class="active red item" data-tab="first">One</a>
<a class="blue item" data-tab="second">Two</a>
<a class="green item" data-tab="third">Three</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?
我正在开发一个ASP.NET MVC应用程序.在这个应用程序中,我需要在请求时动态生成站点地图.我知道如何配置路由.但是,我不确定是否可以为特定文件创建路由.目前,我在RouteConfig.cs中有以下内容:
routes.MapRoute(
name: "Sitemap",
url: "resources/sitemap.xml",
defaults: new { controller = "Site", action = "Sitemap" }
);
Run Code Online (Sandbox Code Playgroud)
在我的SiteController中,我有以下内容:
public ActionResult Sitemap()
{
// I will build my sitemap.xml file here and return it.
}
Run Code Online (Sandbox Code Playgroud)
当我将/resources/sitmap.xml输入浏览器的地址栏时,我注意到我的Sitemap()操作永远不会被触发.甚至可以在ASP.NET MVC中为特定文件设置路由吗?如果是这样,怎么样?
谢谢,
我正在尝试构建一个正则表达式,检查一个值是否是RFC4122有效GUID.为了做到这一点,我使用以下内容:
var id = '1e601ec7-fb00-4deb-a8bb-d9da5147d878';
var pattern = new RegExp('/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i');
if (pattern.test(id) === true) {
console.log('We have a winner!');
} else {
console.log('This is not a valid GUID.');
}
Run Code Online (Sandbox Code Playgroud)
我确信我的GUID是有效的GUID.我以为我为GUID抓取了正确的正则表达式.但是,无论如何,我总是得到一个错误,说它不是GUID.
我究竟做错了什么?
我正在尝试通过AngularJS动态地将URL加载到iframe中.出于某种原因,我不能在这个小提琴中表现出来.有人可以告诉我我做错了什么吗?为什么我无法绑定到控制器中设置的URL?代码非常小:
<div ng-app ng-controller="LoginController">
<div>Trying to load {{ customUrl }}</div>
<div><iframe ng-src="{{trustSrc(customUrl)}}" height="480" width="640"></iframe></div>
</div>
function LoginController($scope) {
$scope.customUrl = 'http://www.google.com/custom';
}
Run Code Online (Sandbox Code Playgroud)
谢谢!
我是 AngularJS 的新手。我正在尝试编写一个指令,该指令将根据某些情况设置background-colora <div>。本质上,在我看来,我希望能够编写以下代码:
<div effect-color="#2D2F2A">content here</div>
Run Code Online (Sandbox Code Playgroud)
或者
<div effect-color="{{effectColor}}">content here</div>
Run Code Online (Sandbox Code Playgroud)
我知道我需要一个指令。目前,我正在这样做:
.directive('effectColor', [
function () {
return {
restrict: 'A',
controller: [
'$scope', '$element', '$attrs', '$location',
function ($scope, $element, $attrs, $location) {
// how do I get the value of effect-color here?
}
]
}
}
]);
Run Code Online (Sandbox Code Playgroud)
我不确定如何获取属性本身的值。我需要添加范围吗?我只想要属性值。
谢谢!
我正在学习如何使用Bower.为了开始,我创建了一个基本的bower.json文件,其责任是获取jquery.我的bower.json文件如下所示:
{
"name": "MyProject",
"version": "0.0.1",
"devDependencies": {
"jquery": "~2.1.0"
}
}
Run Code Online (Sandbox Code Playgroud)
当我从bower.json文件所在的目录运行bower install时,出现以下错误:
bower EMALFORMED Failed to read C:\Projects\MyProject\bower.json
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?我一直在寻找在语法上不正确的东西.但是,一切看起来都对我不对.非常感谢你的帮助!
angularjs ×7
javascript ×4
css ×2
asp.net-mvc ×1
azure ×1
bower ×1
caching ×1
jshint ×1
json ×1
kibana ×1
protractor ×1
regex ×1
semantic-ui ×1