小编Pau*_*ald的帖子

定义AngularJS Controller时使用数组表示法的原因

如果这个问题听起来太明显,请道歉.

我最近开始探索和学习AngularJS.我经历了一些很好的教程 -

..还有一些我见过的.

我不是说我读过/研究过所有文件.

问题从这里开始 -

现在,提出这个问题,我发现控制器的定义在一个地方是不同的,而在另一些地方它是不同的 -

一个定义使用一种数组符号(不确定正式术语)进行注射:

app.controller("MyCtrl", ['$scope', function($scope){
    $scope.someData = "Array notation";
}]);
Run Code Online (Sandbox Code Playgroud)

就是这样,没有阵列:

app.controller("MyCtrl", function($scope){
    $scope.someData = "non-array notation";
});
Run Code Online (Sandbox Code Playgroud)

不是说这是我唯一想要理解的东西,但是,我一定很想了解它们之间的区别.

这两者之间有很大的不同吗?

非常感谢.

注意:我确实在SO中搜索了类似的问题,但找不到我要找的东西.抱歉.

javascript angularjs

27
推荐指数
2
解决办法
5345
查看次数

从反应中做出宁静的api调用

我正在为同构javascript应用程序进行POC以从服务器端呈现html.POC正在使用简单的html,但我想进行api调用并获取json响应并发送到render函数.我试过各种各样的方法,但它没有用.你们其中一个请告诉我我失踪的地方.

我很反应js,任何帮助都会非常感激

loadCategoriesFromServer: function() {
        var self = this;

// get walking directions from central park to the empire state building
    var http = require("http");
    url = "api url here";
        var request = http.get(url, function (response) {
            // data is streamed in chunks from the server
            // so we have to handle the "data" event    
            var buffer = "", 
                data,
                route;

            response.on("data", function (chunk) {
                buffer += chunk;
            }); 

            response.on("end", function (err) {

              data = JSON.parse(buffer);

              //console.log(data.d);
              //console.log(data.d.Items);
                self.setState({
                    categories: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs isomorphic-javascript

22
推荐指数
2
解决办法
3万
查看次数

如何在React中更改元素的样式?

我对Reactjs非常陌生,并且td在我的render方法中有一个:

<td style={{cursor: 'pointer'}} onClick={} key={i}>
Run Code Online (Sandbox Code Playgroud)

单击此按钮后td,我想更改其样式,如何在react js中执行此操作?

谢谢。

编辑:

这是我通过td以下方式生成的:

{this.props.posts.map((service, i) =>
     <tr>
        <td style={{cursor: 'pointer'}} key={i}>
           <span> {posts.createdBy} </span>
        </td>
     </tr>
)}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

5
推荐指数
2
解决办法
2万
查看次数

将 WKInterfaceController 类升级到新的 SwiftUI 结构/视图

目前在 iOS 和 watchOS 上都有运行的解决方案。随着 SwiftUI 即将到来的好消息,可能性正在扩大,同时我们对它的疑虑也随之增加。我的问题是:我有很多:

import WatchKit
import Foundation

class LoginInterfaceController : WKInterfaceController {
    @IBOutlet weak var label: WKInterfaceLabel!
    var timer: Timer!
    var connection = true
...
Run Code Online (Sandbox Code Playgroud)

我想将这些观点转变为:

import SwiftUI

@available(watchOSApplicationExtension 6.0, *)
struct FirstView: View {
    var body: some View {
        LoginView(email: "", pass: "")
    }
}

@available(watchOSApplicationExtension 6.0, *)
struct LoginView : View {
    @State var email: String
    @State var pass: String
    
    var body: some View {
        VStack(alignment: .leading) {
...
Run Code Online (Sandbox Code Playgroud)

如何调用并呈现新的View?今天我打电话给这样的人:presentController(withName: "LoginPlease", context: text) …

swift watchos swiftui

5
推荐指数
1
解决办法
4390
查看次数

删除逗号和空白红宝石

我是红宝石的新手,我的正则表达式知识还有很多不足之处.我试图检查字符串是否是回文,但希望忽略空格和逗号.

我目前的代码是

def palindrome(string)
  string = string.downcase
  string = string.gsub(/\d+(,)\d+//\s/ ,"")
  if string.reverse == string
    return true
  else
    return false
  end
end
Run Code Online (Sandbox Code Playgroud)

这里的任何帮助将不胜感激.

ruby regex string palindrome

4
推荐指数
1
解决办法
6749
查看次数

根据屏幕大小/媒体查询更改 Bootstrap 列类属性

我正在使用 Twitter 的引导程序,但遇到了问题。我正在使用网格系统,并且在我的 html 中使用col-lg-6该类创建了两个宽度相等的不同列。见下面的代码:

<div class="row">
<div class="row sameHeightCols">
        <div class="col-lg-6">
            <div class="contentBlock">
                <h3>Header</h3>
            </div>
        </div>
        <div class="col-lg-6">
            <h3>Header2</h3>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,当它达到某个屏幕尺寸时,它会中断,并且左侧块中的某些内容会消失。当屏幕尺寸介于col-lg和之间时会发生这种情况col-md。我想要做的是更改特定屏幕尺寸的类,因此它会更改为这个。

<div class="col-lg-9">
    <div class="contentBlock">
      <h3>Header</h3>
    </div>
</div>
<div class="col-lg-3">
     <h3>Header2</h3>
</div>
Run Code Online (Sandbox Code Playgroud)

这在带有媒体查询的 css 中是可能的吗?还是我需要使用javascript?任何帮助将不胜感激,因为我做了很多研究,但找不到解决方案。如果需要任何进一步的代码/信息,也请告诉我。

谢谢。

javascript css media-queries twitter-bootstrap

3
推荐指数
1
解决办法
1万
查看次数

什么是1*新日期()?

通过阅读jQuery源代码,我遇到了以下代码:

1 * new Date()
Run Code Online (Sandbox Code Playgroud)

在Google搜索之后,我还看到它已包含在Google Analytics代码段中.

任何人都可以解释这里发生的事情,以及这条线的目的吗?
它是否生成一个不会再重复的随机数?

javascript date type-conversion

3
推荐指数
1
解决办法
1042
查看次数

从div angular中删除内容

这应该不难,但在阅读了很多例子之后,我仍然找不到答案,或者弄清楚,至少以任何一种优雅的方式.我已经阅读了很多关于SO的答案,比如这个以及这个这个.奇怪的是,我找不到任何帮助.

我在做什么,并试图实现?

我正在调用一个返回一组和弦和歌词的API.当我调用API一次时,这非常有效,但是当我再次搜索时,和弦和歌词会附加在div的末尾.任何人都可以建议在填充新数据之前我应该​​使用什么角度方法或解决方案从div中删除内容?

这是我目前使用的代码:

$scope.getSongs = function(){

    $http({
        url: 'http://api.guitarparty.com/v2/songs/?query=' + $scope.song,
        dataType: 'json',
        method: 'GET'
    }).success(function(response){
        var myEl = angular.element( document.querySelector( '#chords' ) ); 

      ////something needs to go here...../////

        myEl.append(response.objects[0].body_chords_html);

    });
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

2
推荐指数
1
解决办法
6585
查看次数

setInterval和更新值AngularJS

基于更改变量的值我希望在我的html中显示错误消息.我从我的角度代码调用api,如果它返回错误,我已经设置了一个setInterval函数,该函数应该将bookingData.tracking_id更新为false,然后在html中显示错误消息.这应该很容易,但是将它与setInterval结合起来有点困难.

这是angular/javascript

this.confirmTrackingTest = function () {
  TestService.finalPackageCheck({tracking_id: controller.bookingData.tracking_id}).$promise.then(function (data) {
    return data;
  }).catch(function (err) {
    var i = 0;
    var interval = setInterval(function () {
      i += 1;
      if (i === 3) {
        if (err.statusText === "Not Found") {
          controller.bookingData.showErrorMessage = true;
        }
        clearInterval(interval)
      }
    }, 2000);
    console.log(controller.bookingData.showErrorMessage)
  });
}

this.bookingData = {
  showErrorMessage: false,
  tracking_id: 1
};
Run Code Online (Sandbox Code Playgroud)

这是html:

{{Packs.bookingData.showErrorMessage}}
<div class="alert alert-danger" role="alert" ng-if="Test.bookingData.showErrorMessage">
  <p>Please show this message</p>
</div>
Run Code Online (Sandbox Code Playgroud)

{{Packs.bookingData.showErrorMessage}}节目false,以便在HTML中recongised.

如果需要任何进一步的信息,请告诉我.

javascript setinterval angularjs

1
推荐指数
1
解决办法
106
查看次数

只选择包含所有小写字符javascript的单词

我正在尝试编写一个正则表达式,只匹配字符串中只包含非大写字母的单词,但无法弄明白.

var str = "What a wonderful Sunday Afternoon";
Run Code Online (Sandbox Code Playgroud)

我设法匹配使用此正则表达式以大写字母开头的任何单词 var str1 = str.match(/[A-Z][a-z]+/g)

这里str1回来了[What, Sunday, Afternoon]

我现在想要做的是写一个返回a和的正则表达式wonderful.

javascript regex

1
推荐指数
2
解决办法
949
查看次数