小编Mat*_*cci的帖子

控制器中的Ng模型未定义

我有一些"问题"从控制器读取ng模型.

我想做这个:

<input type="text" ng-model="code">
<button ng-click="setCode()">Login</button>
Run Code Online (Sandbox Code Playgroud)

并在我的控制器访问该变量,如下所示:

 $scope.setCode = function(){
    alert($scope.code);
  }
Run Code Online (Sandbox Code Playgroud)

这就是我想要做的,但我的代码变量是未定义的.

我找到了两种方法来实现这个目的:

1)将变量作为参数传递

<input type="text" ng-model="code">
<button ng-click="setCode(code)">Login</button>
Run Code Online (Sandbox Code Playgroud)

和:

$scope.setCode = function(code){
    alert(code);
  }
Run Code Online (Sandbox Code Playgroud)

2)将变量声明为对象

<input type="text" ng-model="code.text">
<button ng-click="setCode()">Login</button>
Run Code Online (Sandbox Code Playgroud)

和:

$scope.code = {text: 'foo'};

[...]

$scope.setCode = function(){
    console.log($scope.code);
  }
Run Code Online (Sandbox Code Playgroud)

(我更喜欢第二个)

但我对我应该做的事情感到有点困惑.可以将我的ng模型声明为对象吗?我必须声明我的所有模型都像对象?


编辑:这是一个问题的Plnkr

在这个例子中(我正在使用Ionic框架),我声明了一个带有值test的变量代码,当我在输入中更改模型并按下Start按钮时,理论上我必须在警报中看到新的值模型.但我看到的是旧的.

谢谢!

javascript angularjs ionic-framework

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

仅在一个div中自定义滚动条

我想在Chrome中有一个自定义滚动条.

所以,我正在使用这个sass:

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,.1);
  border-radius: 3px;

  &:hover {
    background: rgba(255,255,255,.2);
  }
}
Run Code Online (Sandbox Code Playgroud)

我的问题是我只想在特定的div中使用这个滚动条样式.但如果我这样做:

#boardslist {

  ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.1);
    border-radius: 3px;

    &:hover {
      background: rgba(255,255,255,.2);
    }
  }

}
Run Code Online (Sandbox Code Playgroud)

不管用.有任何想法吗?

html css scrollbar

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

在'cordova build xxx'之前堵了一口气

我有gulpfile.js一些任务,我想在执行任务时执行一项任务cordova build

我在js文件中创建了一个简单before_buildhooks文件夹console.log("a").

但是,当我运行时,cordova build android它说'console' is undefined,我必须做一些其他的运行Javascript?我找不到更多信息.

谢谢!

编辑:

我添加#!/usr/bin/env node了我的.js文件和console.log 作品的顶部,但现在我想做,gulp myTask并向我投掷gulp is not defined

cordova gulp cordova-cli

6
推荐指数
2
解决办法
2886
查看次数

在 Next.js 中动态导入模块时出现 `forwardRef` 错误

我试图在外部组件上使用 forwardRef 但ref.current不是实际的ref. 不确定我是否遗漏了什么。

我正在做:

const Editor = dynamic(() => import("react-markdown-editor-lite"), {
  ssr: false
});

const ForwardedRefEditor = forwardRef((props, ref) => (
  <Editor {...props} ref={ref} />
));

-----

const editorRef = useRef(null);
<ForwardedRefEditor
  ref={editorRef}
  value={content}
  onChange={({ text }) => setContent(text)}
/>
Run Code Online (Sandbox Code Playgroud)

完整代码:https : //codesandbox.io/s/objective-benz-qh4ec?file=/ pages/index.js: 63-73

更多信息:https : //github.com/vercel/next.js/issues/4957

reactjs next.js react-hooks

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

Node.js和AngularJS中的CORS

我的应用程序存在CORS问题.

我的堆栈是带有Express 4的 Node.js 和使用Restangular的 AngularJS

我已经尝试过一些东西(例如),但我一直在努力:

XMLHttpRequest cannot load http://localhost:8080/api/users. Request header field Content-Type is not allowed by Access-Control-Allow-Headers.
Run Code Online (Sandbox Code Playgroud)

在服务器端,我有这个标题:

app.all('/*', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "GET, POST","PUT");
  next();
});
Run Code Online (Sandbox Code Playgroud)

在AngularJS部分我使用这个:

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
Run Code Online (Sandbox Code Playgroud)

而我正在使用Restangular这样做:

var baseUsers = Restangular.all('users');
....
....
baseUsers.post(newUser).then(function(user){
console.log(user);
});
Run Code Online (Sandbox Code Playgroud)

还有一件事,在Node.js服务器中,我正在安慰req.methodOPTIONS,它说,我真的不知道为什么.

也许是傻事,希望有人可以帮助我.

谢谢!

node.js express angularjs restangular

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

在Vue 2.0中切换CSS类

在第1节,我这样做:v-bind:class='{"isdanger": invalidLogin}'.

现在我试图在Vue 2应用程序中做同样的事情,但我收到此错误:

template syntax error - invalid expression: v-bind:class="{'isdanger': invalidLogin}"

我正在使用pug,以防万一.

有任何想法吗?

vue.js vue-component vuejs2

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

fscanf()读取带有格式化行中空格的字符串

使用这种结构:

typedef struct sProduct{
  int code;
  char description[40];
  int price;
};
Run Code Online (Sandbox Code Playgroud)

我想用这种格式读取一个txt文件:

1,Vino Malbec,12
Run Code Online (Sandbox Code Playgroud)

格式为:code,description,price.但是当它有空格时,我在阅读描述时遇到了问题.

我试过这个:

fscanf(file,"%d,%[^\n],%d\n",&p.code,&p.description,&p.price);
Run Code Online (Sandbox Code Playgroud)

代码正在保存好,但随后在描述中保存Vino Malbec,12,当我只想保存Vino Malbec因为12是价格.

有帮助吗?谢谢!

c scanf

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

React Hooks:在监听器中获取useState的状态

我的组件中有这个:

const [ pendingMessages, setPendingMessages ] = React.useState([]);

React.useEffect(function() {
    ref.current.addEventListener('send-message', onSendMessage);
    return function() {
      ref.current.removeEventListener('send-message', onSendMessage);
    };
  }, []);

function onSendMessage(event) {
  const newMessage = event.message;
  console.log('Here not up to date :(', pendingMessages);
  setPendingMessages([ ...pendingMessages, newMessage ]);
}
Run Code Online (Sandbox Code Playgroud)

问题在于pendingMessages监听器内部不是最新的,因为它不在渲染器内部。它已经连接了。有什么想法我该如何解决?

谢谢!

javascript reactjs react-hooks

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

用片刻检查日期是否从2分钟前开始

我试过了,但无法正常工作。

我有这样一个日期数组:['5/15/2017, 2:59:06 PM', '5/15/2017, 2:59:16 PM', ...]

我想过滤它并获取最近2分钟的日期。

这就是我在做什么:

const twoMinutesAgo = moment().subtract(2, 'minutes')
myArray.filter(stat => moment(stat.date).isAfter(twoMinutesAgo))
Run Code Online (Sandbox Code Playgroud)

但这总是回归true

我看到的twoMinutesAgo是2017年5月15日星期一14:57:09 GMT-0700(PDT)

时间moment(stat.date)是2018年3月5日星期一14:59:06 GMT-0800(PST)

但是我不确定这是否与它有关。有什么想法我做错了吗?

date momentjs

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