小编Sha*_*e G的帖子

我正在尝试将一个简单的Angular 4应用程序部署到gh-pages.我尝试了几种方法,似乎angular-cli-ghpages是最新的方法.

我按照npm angular-cli-ghpages页面上的说明进行操作.

首先,我成功安装了angular-cli-ghpages,

$ sudo npm i -g angular-cli-ghpages

没有sudo,这个命令不起作用.

接下来我创建了dist文件夹并设置了base-href,

$ ng build --prod --base-href" https://shanegibney.github.io/mathapp/ "

然后我部署了,

$ ngh

但这会给出错误,

输出结果如下图所示,

运行angular-cli-ghpages而不是ngh会产生相同的错误,

我使用以下版本,

npm 3.10.10

angular-cli-ghpages ^ 0.5.1

节点6.9.4(这里不是问题)

谢谢

我正在使用vue.js 2.5.2

我有一个对象数组，我想观看forms [*]。selected，如果它发生更改，请调用一个函数。

这是我的尝试，但显然不正确。我尝试将数组放入for循环中，以观察每个对象的选定属性。

watch: {
   for (var i = 0; i < forms.length; i++) {
     forms[i].selected: function(){
     console.log("change made to selection");
   }
 }
},

这是称为Forms []的对象数组

forms: [
        {
          day: '12',
          month: '9',
          year: '2035',
          colors: 'lightblue',//default colour in case none is chosen
          selected: true
        },
        {
          day: '28',
          month: '01',
          year: '2017',
          colors: 'lightgreen',//default colour in case none is chosen
          selected: true
        }
      ],

任何帮助将不胜感激，

谢谢

表单用于提交文本，两个选项告诉vue在其中显示文本。选中col2单选按钮时，提交的文本应显示在第2列中。这没有发生，而是在第1列上显示了文本。

我有两个单选按钮，应将值“ one”或“ two”传递给newInfo.option。在子方法上，一个方法将表单数据推入数组“ info”。

<input type="radio" id="col1" value="one" v-model="newInfo.col">
<input type="radio" id="col2" value="two" v-model="newInfo.col">

此数据被正确地推送到数组“ info”，我可以对其进行迭代。我知道这是行得通的，因为我可以遍历一个数组，一个console.log记录其中的所有数据。所有提交的表单数据都在那里。

接下来，我在模板中两次遍历此数组。一次为info.col ===“ one”，而其他迭代仅在info.col ===“ two”时显示。我同时使用v-for和v-if，vue.js文档说可以这样做，

https://vuejs.org/v2/guide/conditional.html#v-if-with-v-for

<div class="row">
            <div class="col-md-6">
                <ol>
                    <li v-for="item in info" v-if="item.col==='one'">
                        text: {{ item.text }}, col: {{ item.col }}
                    </li>
                </ol>
            </div>
            <div class="col-md-6">
                <ol>
                    <li v-for="item in info" v-if="!item.col==='two'">
                        text: {{ item.text }}, col: {{ item.col }}
                    </li>
                </ol>
            </div>
        </div>

全vue.js代码是在github 这里

而且它在GH-网页运行这里

当我尝试npm安装任何新软件包时，我的vue项目停止工作。我正在安装axios。

首先我得到了

npm install
npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is
  installed. You must install peer dependencies yourself.
npm WARN url-loader@1.1.1 requires a peer of webpack@^4.0.0 but none is
  installed. You must install peer dependencies yourself.
npm WARN webpack-dev-middleware@3.4.0 requires a peer of webpack@^4.0.0
  but none is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-server@3.1.10 requires a peer of webpack@^4.0.0 but
  none is installed. You must install peer dependencies yourself.

Run Code Online (Sandbox Code Playgroud)

所以我安装了那些软件包

npm install
npm …

我已经用 gmail 设置了 smtp。当我使用 send_mail 时，发件人电子邮件未显示在接收电子邮件的帐户中。

Django设置.py

# DEFAULT_FROM_EMAIL = 'sendTo@gmail.com'
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_HOST = 'smtp.gmail.com'
EMAIL_PORT = 587
EMAIL_HOST_USER = 'sendTo@gmail.com'
EMAIL_HOST_PASSWORD = '**********'
EMAIL_USE_TLS = True

使用

$ python manage.py shell

我发送邮件如下，

>>> from django.core.mail import send_mail
>>> send_mail('subject is', 'message is and is not 12342', 'fromEmail@gmail.com', ['sendTo@gmail.com'])
1
>>>

我在我的 gmail 帐户中收到这封电子邮件（与用于 smtp 的 gmail 帐户相同），但来自电子邮件显示为 sendTo@gmail.com，应该是 fromEmail@gmail.com

我试图选择这样的两个类,

d3.selectAll(".class1.class2")

但这似乎选择了一个带有class1AND 的元素class2.如何使用class1OR 按类选择元素,class2但类不必相互排斥,因此也应选择具有这两个类的元素.

也许解决方案就是,

 d3.selectAll(".class1")
 .........;
 d3.selectAll(".class2")
 .........;

使用 SVG，我尝试将其旋转 30 度，然后水平平移 100 度。问题是，当我旋转坐标系时，它会旋转，因此当我尝试平移时，我将沿着旋转的 x 平移对象- 轴现在与水平面成 30 度。

有什么办法可以让旋转后水平平移吗？

<g transform="rotate(30 50 50) translate(100 0)">
   <rect x="0" y="0" fill="blue" width="100" height="100" />
</g>

我想创建用于旋转和平移上、下、左、右的控制按钮。这些将创建一个字符串，该字符串将使用数据绑定到 svg 的转换属性，从而按顺序转换对象。但平移需要相对于视口，而不是对象的旋转方式。

我使用 vue.js 框架进行数据绑定。

我也不想使用css。

谢谢，

使用 Sequelize ORM，我尝试更新字段 level_id，其中该字段具有指向另一个名为 level_tbl 的表中的字段 Level 的外键。

 select * from level_tbl;
+----------+----------+
| level_id | Level    |
+----------+----------+
|        1 | Higher   |
|        2 | Ordinary |
+----------+----------+

我的更新任务如下所示，正如您所看到的，我正在尝试使用 Sequelize 获取原始 sql 查询作为文字。

  //Update task
    router.put("/task/:id", (req, res) => {
      if (!req.body) {
        res.status(400)
        res.json({
          error: "Bad Data....!"
        })
      } else {
        Task.update({
            Level: req.body.Level,
            Level_id: [sequelize.literal("SELECT level_id FROM level_tbl WHERE Level = 'Ordinary'")],
            Year: req.body.Year,
            Question: req.body.Question,
            Answer: req.body.Answer,
            Topic: req.body.Topic,
            Sub_topic: req.body.Sub_topic,
            Question_type: req.body.Question_type,
            Marks: req.body.Marks, …

index.html有一个包含来自crudapp应用程序中称为init的视图的上下文的块。Index.html也有一个名为sidebar_files的块，我尝试使用包含标记填充该块。我在fileuploader / templatetags / fileuploader_tags.py中创建了一个包含标签，

from django.db import models
from .models import FileModel
from django import template
register = template.Library()

@register.inclusion_tag('sidebar_files.html')
def file_sharing_sidebar():
    file_model = FileModel.objects.all().reverse()
    return {'file_model': file_model}

该指令也确实包含一个空的inti .py文件（使用双下划线）。在项目模板文件中，我具有带有加载标签的sidebar_files.html，

{% load fileuploader_tags %}
{% block sidebar %}
    {% for item in file_model %}
      .... blah .....
    {% endfor %}
  {% endif %}
</div>
{% endblock %}

该应用程序包含在INSTALLED_APPS中。我的主要index.html文件使用了fileuploader_tag并尝试使用sidebar_file.html这样的模板，

{% load staticfiles %}
{% load fileuploader_tags %}
......
{% block sidebar %} {% file_sharing_sidebar %}{% endblock %}

我已经重启了开发服务器。我得到的错误是，

指定的模板库无效。尝试加载“ …

使用Google Map API和路线或路线。我希望这样，当用户单击标记时，将呈现从用户当前位置到该标记的路线。

我一直在研究谷歌地图API文档方向服务例如这里。

这是我尝试进行调整的尝试。在我看来，这应该可行，那么我想念的是什么？用户当前位置和标记之间的路线或方向未绘制。

<!DOCTYPE html>
<html>

<body>

    <h1>My First Google Map</h1>

    <div id="googleMap" style="width:60%;height:800px;"></div>

    <script>
        var myLatLng;

        function geoSuccess(position) {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            var directionsService = new google.maps.DirectionsService;
            var directionsDisplay = new google.maps.DirectionsRenderer;
            myLatLng = {
                lat: latitude,
                lng: longitude
            };
            var mapProp = {
                //            center: new google.maps.LatLng(latitude, longitude), // puts your current location at the centre of the map,
                zoom: 15,
                mapTypeId: 'roadmap',

            };
            var map = new google.maps.Map(document.getElementById("googleMap"), …