小编Hin*_*ich的帖子

由于某种原因,我的指令中的链接函数没有被调用.我可以看到我的指令是用一个console.log而不是链接函数调用的.也不介意我将使用我的父指令控制器参数.我也试过限制:'E'也没有运气.我没有在这个例子中使用它.不知道是什么导致它跳过链接.有什么想法吗？

module FormTest {
    angular
        .module('FormTest') //Gets the FormTest Module
        .directive('jiTab', function () {
            console.log('directive was hit');
            function linkFn(scope, ele, attrs, controller) {
                console.log('Link is called');
            };
            return {
                require: '^ji-Tabset',
                restrict: 'C',
                transclude: true,
                link: linkFn
            }
        });
 }

HTML

<ji-form name="Main Form">  
    <ji-tabset name="Tabs">  
        <ji-tab tab-name="General"></ji-tab>  
        <ji-tab tab-name="Stats"></ji-tab>  
    </ji-tabset>  
</ji-form>

父指令

module FormTest {
    angular
        .module('FormTest') //Gets the FormTest Module
        .directive('jiTabset', function () {
            return {
                restrict: 'E',
                transclude: true,
                replace: true,
                templateUrl: 'FormTest/views/ji-Tabset.html',
                controller: function …

在node.js的应用程序,比方说,我有一个app.js这样

var express = require('express')
var app = express();

var server = http.createServer(app);

...

module.exports = {
  app:app,
  server:server
}

还有/lib/sockets.js,其中socket.io的所有逻辑都应该进入.它看起来像这样:

var server = require('../app.js').server;
var io = require("socket.io").listen(server);

io.sockets.on('connection', function(socket) {
  socket.on('event', function(msg) {
    socket.emit('news', msg});
  });
});

module.exports = io;

它是需要的很好的做法server从app.js这里？如果没有,什么是更好的解决方案？谢谢

如何使用react-router重定向componentWillMount

export class NewStock extends React.Component {
  constructor(props, context) {
    super(props, context);
  }

  componentWillMount() {
    const { session, dispatch, router } = this.props
    if (session.userSessionData.get('logged_in') == false) {
      router.transitionTo('/login')
    }
  };

这段代码:

router.transitionTo('/login')

只返回:

Uncaught TypeError: router.transitionTo is not a function

在我的Angular4应用程序中,我有一个代码来有条件地应用两个看起来像这样的类:

<some-element [ngClass]="{ 'fa-toggle-on': category.active, 'fa-toggle-off': !category.active }">
</some-element>

这有效,但这真的是推荐的方式吗？记下category.active两次感觉有点不洁净.我正在寻找更多的东西 - 如果 - 其他类似的东西,但到目前为止在文档和SO上找不到任何东西.

我有一个宽度为 500px 的容器。在这个容器中有 2 个字符串，“iiiiiiiiiiiiiii”和“MMMMMMMMMMMMMM”。您可以清楚地看到“M”字符串比“i”字符串宽很多，但两者都适合 500px 屏幕。

如果我让容器变小，假设 350px 的 M 字符串太宽，我想删除一些“M”以便它可以适合这样：

在 React 中，我有以下数据：

var i = 'iiiiiiiiiiiiiii';
var M = 'MMMMMMMMMMMMMMM';
var containerWidth = 500;

我根据什么信息缩短字符串？

我从 开始if string.length > containerWidth / 10，但那是不对的，因为字符串长度！= 宽度。我不能使用getElementById然后使用.offsetWidth