小编Mic*_*elo的帖子

在Firebase(AngularFire)中存储HTML,好主意还是坏主意?

在Firebase(AngularFire)中存储HTML是一个好主意吗?

我有一个网站,我在其中创建一个管理网站,用户可以在其中制作HTML元素.我希望人们保存这些元素以及元素中的顺序和内容.所以我认为将整个HTML存储为字符串并在返回时加载它会容易得多.馊主意?

这是我的(简化):

$scope.save = function() {
    var refState = new Firebase("https://<name>.firebaseio.com/users/" + currentAuth.uid + "/state");
    var html = "<div>hello</div>";
    refState.set({
        "state": html
    }, function(error) {
        if (error) {
            console.log("not been saved")
        }
    })
}
Run Code Online (Sandbox Code Playgroud)

在我的HTML中我检索想要使用Angular这样显示它(是的我现在知道如何在Angular中呈现HTML感谢评论:)

<div class="well col-md-12">
{{sync[3].state}}
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript angularjs firebase angularfire

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

如何在调整大小时使响应式 Google-adsense 广告缩放?

我正在使用 google adsense 响应式广告(使用 Bootstrap),它在页面加载时正常工作。同样在手持设备中,它可以正确检测方向并立即调整广告。

但是,当我调整浏览器的大小时,它不会对此做出反应。当没有内置系统来检测屏幕调整大小时,声称响应能力很奇怪。我想添加一个事件侦听器,但这是一个很好的解决方法还是会中断?我还考虑过加载不同尺寸的广告并设置一些断点,但我想避免这种情况,只使用“响应式”广告。

在此先感谢您的任何建议。

resize onresize adsense responsive-design twitter-bootstrap

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

标题周围的有限宽度线

我有一个用 CSS 网格创建的带有线条的标题。我希望线条更小(比如 5%)我怎样才能做到这一点?

HTML 和 CSS

h1 {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
  align-items: center;
  text-align: center;
  grid-gap: 20px;
  width: 100%;
  font-size: 3.4em;
  text-transform: uppercase;
  color: #000;
}

h1:before,
h1:after {
  content: '';
  border-top: 2px solid #ff3f3f;
}
Run Code Online (Sandbox Code Playgroud)
<h1>Text</h1>
Run Code Online (Sandbox Code Playgroud)

css css-grid

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

使用toFixed和角数过滤器有什么区别?

有什么区别:

{{3.14159 | number:2}}和{{3.14159.toFixed(2)}}

有人提供优势吗?谢谢

javascript angularjs angular-filters

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

Mongodb 插入空日期

邮件架构:

var mail = new mongoose.Schema({
    globalId: {type: String, index: true, unique: true},
    from: {type: String, required: true},
    beginDate: {type: Date, required: true},
    endDate: {type: Date},
    source: {type: String},
    address: {type: String},
    subject: {type: String, required: true},
    text: {type: String},
    note: {type: String},
    files: [
        {
            fileName: {type: String},
            fileSize: {type: Number},
            fileType: {type: String}
        }
    ]
});
Run Code Online (Sandbox Code Playgroud)

当我尝试保存 endDate 为空的新邮件时,出现以下错误

Mail validation failed: endDate: Cast to Date failed for value "null"
Run Code Online (Sandbox Code Playgroud)

mongoose mongodb node.js

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

首次单击后,ng-click将停止工作,但仅限于以后的角度版本

所以我已经制作了这个非常简单的脚本来隔离问题.我测试了不同版本的角度和小提琴,如果你选择版本1.1.1它工作正常.您可以根据需要多次点击添加按钮.较新的版本似乎有这种方法的问题.这是一个错误,一个安全措施还是我应该写一个指令?在这个小提琴我加载最新版本,但您可以删除此版本并将其更改为1.1.1,它将工作.此外,1.2.1也有同样的问题.提前感谢任何提示.

HTML

<div ng-app="app">
    <div ng-controller="ctrl">
        <div ng-repeat="item in naam">
            <div>{{item}}</div>
        </div>
        <button ng-click="add()">add</button>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

var app = angular.module("app", []);

    app.controller("ctrl", function ($scope) {
        $scope.naam = [
            "1",
            "2"];
        $scope.add = function () {
            var x = 3;
            var y = 4;
            $scope.naam.push(x, y);
        }

    });
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angularjs-ng-click

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

为什么我不能在AngularJS链接函数中使用vanilla javascript(eventlistener)?

所以我只是在测试一些东西而且我正在写一个这样的指令:

HTML

<div ng-app="app">
    <my-directive>
        hi {{name}}
    </my-directive>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

angular.module("app", [])

.directive("myDirective", function () {
    return {
        scope:true,
        restrict: "E",
        link: function (scope, elem, attr) {
            scope.name="yourname";
            elem.onclick = function () { console.log("change name");}
        }

    }
})
Run Code Online (Sandbox Code Playgroud)

但onclick功能永远不会激发.而且我知道这不是我应该如何在Angular中正确编写,但它只是我在飞行中所做的事情.但是,这有效:

angular.module("app", [])

.directive("myDirective", function () {
    return {
        scope:true,
        restrict: "E",
        link: function (scope, elem, attr) {

            scope.name="yourname";
            elem.on("click", function () {console.log("change name")});
        }

    }
})
Run Code Online (Sandbox Code Playgroud)

这里有一个小提琴:小提琴

这里发生了什么?它是否在Angular世界之外,我应该使用scope.apply什么或什么来使它工作.我只是好奇为什么香草javascript在这种情况下不好.但这也是让我自己专注于思考Angular方式的一个很好的教训.

也许有人可以解释发生了什么?TIA

javascript angularjs angularjs-directive

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

json_decode在发布请求时返回null而不是NULL,这使我无法在数据库中设置NULL

我有一个问题,我需要能够在mysql数据库中放入NULL值。因此,从前端我发送了一个基​​本的javascript对象:

{
 "Info": {
  "Name": "Michelangelo",
  "Date" : null
  }
}
Run Code Online (Sandbox Code Playgroud)

在我的PHP文件中,我确实正确获取了请求并对其进行了解码:

if(isset($postdata) && !empty($postdata)) {
  // Extract the data.
  $request = json_decode($postdata);
}
Run Code Online (Sandbox Code Playgroud)

它适用于字符串,布尔值,整数,但不适用于null值。像nullnot 解码后将在PHP中输出NULL。据我所知,PHP中唯一正确的值是NULL:https : //www.php.net/manual/en/language.types.null.php

我把这样的值放在数据库中。日期列是日期类型,它接受NULL值。但是随着null它将被转换为0000-00-00;

  $sql = "UPDATE `users` SET 
  `Username`='$request->Info->Name',
  `Date`='$request->Info->Date' //DB accepts NULL but not null (tested)
  WHERE `id` = '{$id}' LIMIT 1";
Run Code Online (Sandbox Code Playgroud)

那为什么不能正确转换呢?我知道我可以遍历对象,并null用NULL值替换所有的对象,但是由于对象具有嵌套,这将是一个很大的麻烦。我该如何解决?为什么会这样?我更愿意使用PHP而不是在sql查询中执行此操作。

php mysql sql null

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