小编Ani*_*nha的帖子

AngularJS UI-Router中ui-sref和$ state.go之间的区别

有没有之间的功能差异ui-sref$state.go()

ui-sref用于控制器中<a>...</a>$state.go('someState')用于控制器中.

在HTML中,我会使用:

<a ui-sref="currentState.state1">Link</a>
Run Code Online (Sandbox Code Playgroud)

而在一个函数中我会使用类似的东西:

if(someCondition) {
    $state.go('currentState.state1');
}
Run Code Online (Sandbox Code Playgroud)

那么,它或者我需要在之后添加一些东西$state.go()吗?假设当前状态是currentState.

angularjs angular-ui-router

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

Datepicker在angular-ui版本0.11.0中没有打开两次

我想要2个日期选择器,我正在使用Angular UI版本0.11.0.

我的HTML代码

<span ng-if="periods.period == 10">
     <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customStartDate" is-open="opened1"  max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" />
     <button class="btn" ng-click="open($event,'opened1')"><span class="glyphicon glyphicon-calendar"></span></button>

</span>


<span ng-if="periods.period == 10"> 
- 
    <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customEndDate" is-open="opened2"  min-date="cdate.customStartDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)"  ng-required="true" close-text="Close" class="input-md" />
    <button class="btn" ng-click="open($event,'opened2')"><span class="glyphicon glyphicon-calendar"></span></button>   
</span>
Run Code Online (Sandbox Code Playgroud)

我的JS代码是`

                     $scope.disabled = function(date, mode) {
                      return ( mode === 'day' && ( date.getDay() === -1 || date.getDay() === 7 ) );
                     };

                     $scope.maxDate = new Date();


                       $scope.open = …
Run Code Online (Sandbox Code Playgroud)

javascript datepicker angularjs angular-ui angular-ui-bootstrap

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

表单html标记中Angular指令novalidate的用法是什么

我想了解表单标记中novalidate指令用法的含义,尤其是在用于验证表单时.

谢谢

html forms validation

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

检测div滚动jquery

我想检测div滚动.这段代码的作用是检测整个窗口滚动:

$(document).ready(function() {
var track_load = 0; //total loaded record group(s)
var loading  = false; //to prevents multipal ajax loads
var total_groups = <?php echo $total_groups; ?>; //total record group(s)

$('#results').load("autoload_process.php", {'group_no':track_load}, function() {track_load++;}); //load first group

$(window).scroll(function() { //detect page scroll

    if($(window).scrollTop() + $(window).height() == $(document).height())  //user scrolled to bottom of the page?
    {

        if(track_load <= total_groups && loading==false) //there's more data to load
        {
            loading = true; //prevent further ajax loading
            $('.animation_image').show(); //show loading image

            //load data from …
Run Code Online (Sandbox Code Playgroud)

javascript jquery scroll content-management-system

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

AngularJS UI日历不会更新日历上的事件

我正在使用Angular UI-Calendar在日历上显示一些事件.这些事件在日历上显示正常.但是当我更新任何事件的细节时,事件的细节实际上被修改,但没有在日历显示上修改(例如:开始).

最初,在我修改了事件的细节之后,我做了一个页面重新加载来显示修改后的更改,它也工作了.在那个方法中,我有一个空$scope.events = [];数组,我在从DB中检索条目后填充.

但现在,我想避免重新加载该页面.因此,一旦从模态窗口修改了事件的细节,我清除了$scope.events数组的内容$scope.events = [];然后使用API​​调用,我再次在$scope.events数组中填充新事件.这是正常工作,因为列表视图显示修改后的事件详细信息.但日历本身显示旧条目.例如,如果我start从4月11日改为4月13日,则日历显示4月11日的事件,而列表视图显示修改后的数据,即4月13日.使用页面重新加载,更正此事件即在修改日期(4月13日)显示事件.

如何在没有页面重新加载的情况下确保在日历上修改事件?

calendar.fullCalendar('render');从DB中获取新条目后尝试过,但它没有解决问题.

以下是一些代码:

最初我这样做是为了将数据发送到DB,然后重新加载页面以检索更新的数据. $http.put(url,senddata).success(function(data){$window.location.reload();});

现在我想避免页面重新加载,所以我做了

        $http.put(url,senddata).success(function(data){//$window.location.reload();//sends modified data to server
        $scope.events = [];  //clear events array

   $http.get(url2).success(function(data){  //fetch new events from server, and push in array
  $scope.schedule = data;
          for(var i=0;i<data.length;i++)
          {
            $scope.events.push({
      idx: data[i].idx,
      title: data[i].title,
      description : data[i].description,
      allDay: false,
      start: new Date(data[i].start), 
      end:  new Date(data[i].end),

      });


     calendar.fullCalendar('render'); //Tried even this, didn't work



          }

        });
Run Code Online (Sandbox Code Playgroud)

上面的代码将event …

calendar fullcalendar angularjs

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

Angular translate指令vs filter:XSS可能吗?

我有一个翻译密钥,实际上是一个HTML代码,编码和未编码.

   $scope.translations = {
    "html_code" : "&lt;script&gt;alert('Alert!');&lt;/script&gt;",
    "html_code_full" : "<script>alert('Alert!');</script>",
    "greeting" : "Welcome!" 
  }
Run Code Online (Sandbox Code Playgroud)

当我使用这些值来显示视图中的翻译文本时,我使用两种方法:

  1. 作为指示 <span translate>{{translations.html_code}}</span>
  2. 作为过滤器 {{translations.html_code|translate}}

我尝试相同的translations.html_code_full.这是视图的代码:

translations.html_code = {{translations.html_code|translate}}
translations.html_code = <span translate>{{translations.html_code}}</span>

translations.html_code_full = {{translations.html_code_full|translate}}
translations.html_code_full = <span translate>{{translations.html_code_full}}</span>
Run Code Online (Sandbox Code Playgroud)

这是我得到的输出:

translations.html_code = &lt;script&gt;alert('Alert!');&lt;/script&gt; 
translations.html_code = <script>alert('Alert!');</script> 


translations.html_code_full = <script>alert('Alert!');</script> 
translations.html_code_full =
Run Code Online (Sandbox Code Playgroud)

很明显,指令实现是将转换键编码为HTML,但过滤器不是.为什么指令与过滤器实现之间的输出存在差异?如果它呈现HTML,为什么我没有收到警报?

这是我为演示创建的插件.

xss angularjs angular-translate

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

将Date和Time输入字符串组合为Date对象

我有两个输入标签,用于从用户中选择日期和时间.

<p>Start Date</p><p> <input ng-model="sdate" type="date" ></p>
<p>Start Time</p><p> <input ng-model="stime" type="time" ></p>
Run Code Online (Sandbox Code Playgroud)

这两个值传递给我想要将这两个输入值组合为一个Date对象的函数:

 new Date(y, m, d, hh, mm, a)
Run Code Online (Sandbox Code Playgroud)

然后我可以使用它在日历中绘制事件的详细信息.我如何结合这两个值?我试过了:

start:new Date(sdate + stime)


start:new Date(sdate , stime)


start: new Date(sdate.getFullYear() + sdate.getMonth() + sdate.getDate() + stime.getHours + stime.getMinutes())
Run Code Online (Sandbox Code Playgroud)

但我所尝试的一切都没有奏效.

使用AngularJS时如何实现这一目标?

javascript datetime angularjs

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

如何动态地将json数组元素显示到select标签中?

我有一个像这样的格式的JSON数组

 "StoreName":["10001 Main ST","10002 Part1","10004 MyStore1","10005 M STR",        "10008 Centro","10009 MyStore 02","1001 G","1001 H","10010 Store main ROAD","10011 Central M Store","10012 En Department","10013 M Station","10014 Test Center","10015 SubStore1","10016 AA","10018 M part #","10019 Test A - 26032016","1002 B","1002 I","10020 Test Central B "]
Run Code Online (Sandbox Code Playgroud)

我必须访问它的每个元素并将其显示在select标签中的选项中

<select id ="storeNm" name="name">
  <option>--Select--</option>
  <option>---Here store name list contents---</option>
  <option>---Here store name list contents---</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我是JSON的新手,必须使用javascript/jQuery这样做,所以任何帮助/指导将不胜感激.

html javascript arrays jquery json

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

AngularJS将数组转换为JSON

我有一个包含3个元素的数组

var a = [];
  a["username"]=$scope.username;
  a["phoneNo"]=$scope.phoneNo;
  a["altPhoneNo"]=$scope.altPhoneNo;
Run Code Online (Sandbox Code Playgroud)

现在,我想以JSON格式将此数据发送到服务器.因此,我用过

    var aa = JSON.stringify(a);
    console.log("aa = "+aa);
Run Code Online (Sandbox Code Playgroud)

但控制台显示空数组

aa = [] 
Run Code Online (Sandbox Code Playgroud)

如何将此数组转换为JSON?

javascript arrays json angularjs

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